@charset "utf-8";

/* ----------------------------------------
 * Create by jinwoo
 * Created :2018 v01
 --------------------------------------- */
/* ==========================================================================
   Base styles & import
   ========================================================================== */

/* Reset */
html{min-width:320px;}
body{overflow-x:hidden;}
html,
body,
body *{font-family:Noto Sans, sans-serif;letter-spacing:-1px;line-height:1.4}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre{font:normal 16px/1 Noto Sans, '돋움',Dotum, sans-serif;color:#666666;}
body{text-align:left;word-break:break-word;overflow-y:scroll;}
html,body{background:#fff;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
span,a{display:inline-block;}
a{color:#222;text-decoration:none;}
a:hover{color:#870B2A;}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0;line-height:0;height:0}

input{background-color:#fff;}
input[type=radio] {margin-top:0;}
input[type='text']:focus,input[type='password']:focus {background:#fff;}
input[type='file']{max-width:200px; }
*{box-sizing:border-box;}

select {border:1px solid #ddd}
strong{font-weight:600;}
b{font-weight:inherit;}

.radio input[type="radio"],
.check input[type="checkbox"]{display:block !important;position:absolute;top:0;left:0}



strong.line {border-bottom:1px solid #353535}
.hidden{overflow:hidden;}
.IMG_VALIGN{display:inline-block;vertical-align:middle;height:100%;}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* margin */
.ml0 {margin-left:0px !important;}.ml1 {margin-left:1px !important;}.ml2 {margin-left:2px !important;}.ml3 {margin-left:3px !important;}.ml4 {margin-left:4px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml60 {margin-left:60px !important;}.ml70 {margin-left:70px !important;}.ml80 {margin-left:80px !important;}.ml90 {margin-left:90px !important;}.ml100 {margin-left:100px !important;}.ml150 {margin-left:150px !important;}.ml200 {margin-left:200px !important;}
.mr0 {margin-right:0px !important;}.mr1 {margin-right:1px !important;}.mr2 {margin-right:2px !important;}.mr3 {margin-right:3px !important;}.mr4 {margin-right:4px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr60 {margin-right:60px !important;}.mr70 {margin-right:70px !important;}.mr80 {margin-right:80px !important;}.mr90 {margin-right:90px !important;}.mr100 {margin-right:100px !important;}.mr150 {margin-right:150px !important;}.mr200 {margin-right:200px !important;}
.mt0 {margin-top:0px !important;}.mt1 {margin-top:1px !important;}.mt2 {margin-top:2px !important;}.mt3 {margin-top:3px !important;}.mt4 {margin-top:4px !important;}.mt5 {margin-top:5px !important;}.mt6 {margin-top:6px !important;}.mt7 {margin-top:7px !important;}.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt60 {margin-top:60px !important;}.mt70 {margin-top:70px !important;}.mt80 {margin-top:80px !important;}.mt90 {margin-top:90px !important;}.mt100 {margin-top:100px !important;}.mt150 {margin-top:150px !important;}.mt200 {margin-top:200px !important;}
.mb0 {margin-bottom:0px !important;}.mb1 {margin-bottom:1px !important;}.mb2 {margin-bottom:2px !important;}.mb3 {margin-bottom:3px !important;}.mb4 {margin-bottom:4px !important;}.mb5 {margin-bottom:5px !important;}.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb60 {margin-bottom:60px !important;}.mb70 {margin-bottom:70px !important;}.mb80 {margin-bottom:80px !important;}.mb90 {margin-bottom:90px !important;}.mb100 {margin-bottom:100px !important;}.mb150 {margin-bottom:150px !important;}.mb200 {margin-bottom:200px !important;}

.mml5{margin-left:5px;}
/* padding */
.pl0 {padding-left:0px !important;}.pl1 {padding-left:1px !important;}.pl2 {padding-left:2px !important;}.pl3 {padding-left:3px !important;}.pl4 {padding-left:4px !important;}.pl5 {padding-left:5px !important;}.pl10 {padding-left:10px !important;}.pl15 {padding-left:15px !important;}.pl20 {padding-left:20px !important;}.pl25 {padding-left:25px !important;}.pl30 {padding-left:30px !important;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl60 {padding-left:60px !important;}.pl70 {padding-left:70px !important;}.pl80 {padding-left:80px !important;}.pl90 {padding-left:90px !important;}.pl100 {padding-left:100px !important;}.pl150 {padding-left:150px !important;}.pl200 {padding-left:200px !important;}
.pr0 {padding-right:0px !important;}.pr1 {padding-right:1px !important;}.pr2 {padding-right:2px !important;}.pr3 {padding-right:3px !important;}.pr4 {padding-right:4px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr60 {padding-right:60px !important;}.pr70 {padding-right:70px !important;}.pr80 {padding-right:80px !important;}.pr90 {padding-right:90px !important;}.pr100 {padding-right:100px !important;}.pr150 {padding-right:150px !important;}.pr200 {padding-right:200px !important;}
.pt0 {padding-top:0px !important;}.pt1 {padding-top:1px !important;}.pt2 {padding-top:2px !important;}.pt3 {padding-top:3px !important;}.pt4 {padding-top:4px !important;}.pt5 {padding-top:5px !important;}.pt10 {padding-top:10px !important;}.pt15 {padding-top:15px !important;}.pt20 {padding-top:20px !important;}.pt25 {padding-top:25px !important;}.pt30 {padding-top:30px !important;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt60 {padding-top:60px !important;}.pt70 {padding-top:70px !important;}.pt80 {padding-top:80px !important;}.pt90 {padding-top:90px !important;}.pt100 {padding-top:100px !important;}.pt150 {padding-top:150px !important;}.pt200 {padding-top:200px !important;}
.pb0 {padding-bottom:0px !important;}.pb1 {padding-bottom:1px !important;}.pb2 {padding-bottom:2px !important;}.pb3 {padding-bottom:3px !important;}.pb4 {padding-bottom:4px !important;}.pb5 {padding-bottom:5px !important;}.pb10 {padding-bottom:10px !important;}.pb15 {padding-bottom:15px !important;}.pb20 {padding-bottom:20px !important;}.pb25 {padding-bottom:25px !important;}.pb30 {padding-bottom:30px !important;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb60 {padding-bottom:60px !important;}.pb70 {padding-bottom:70px !important;}.pb80 {padding-bottom:80px !important;}.pb90 {padding-bottom:90px !important;}.pb100 {padding-bottom:100px !important;}.pb150 {padding-bottom:150px !important;}.pb200 {padding-bottom:200px !important;}

/* width */
.wid50{width:50px !important;}
.wid60{width:60px !important;}
.wid70{width:70px !important;}
.wid80{width:80px !important;}
.wid90{width:90px !important;}
.wid100{width:100px !important;}
.wid110{width:110px !important;}
.wid115{width:115px !important;}
.wid120{width:120px !important;}
.wid130{width:130px !important;}
.wid140{width:140px !important;}
.wid150{width:150px !important;}
.wid160{width:160px !important;}
.wid170{width:170px !important;}
.wid180{width:180px !important;}
.wid190{width:190px !important;}
.wid200{width:200px !important;}
.wid250{width:250px !important;}
.wid300{width:300px !important;}
.wid350{width:350px !important;}
.wid400{width:400px !important;}
.wid450{width:450px !important;}
.wid500{width:500px !important;}
.wid600{width:600px !important;}
.wid650{width:650px !important;}
.wid690{width:690px !important;}
.wid700{width:700px !important;}
.wid800{width:800px !important;}

.wid10p{width:10% !important;}
.wid20p{width:20% !important;}
.wid30p{width:30% !important;}
.wid40p{width:40% !important;}
.wid50p{width:50% !important;}
.wid60p{width:60% !important;}
.wid70p{width:70% !important;}
.wid80p{width:80% !important;}
.wid90p{width:90% !important;}
.wid100p{width:100% !important;}

.swid50{min-width:50px}
.swid100{min-width:100px}
.swid150{min-width:150px}
.swid200{min-width:200px}
.swid300{min-width:300px}
.swid400{min-width:400px}
.swid500{min-width:500px}
.swid600{min-width:600px}
.swid700{min-width:700px}
.swid800{min-width:800px}

.swid10p{min-width:10%}
.swid20p{min-width:20%}
.swid30p{min-width:30%}
.swid40p{min-width:40%}
.swid50p{min-width:50%}
.swid60p{min-width:60%}
.swid70p{min-width:70%}
.swid80p{min-width:80%}
.swid90p{min-width:90%}
.swid100p{min-width:100%}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline;font-size:14px;}


/*no result*/
.NO_RESULT{height:120px;padding:40px 0;text-align:center;color:#777;}
.NO_RESULT p{padding-top:20px;background:url('./images/common/no_result_ic.png') no-repeat 50% 0;}
.NO_RESULT_box{padding:70px 20px 80px;text-align:center;border:1px solid #e1e1e1;}
.NO_RESULT_box span{display:inline-block;font-weight:600;font-size:22px;color:#202020;width:100%;padding-top:100px;background:url(./portfolio/images/main/no_data.png) no-repeat 50% 0;}
td.NO_RESULT{opacity:0}
.NO_RESULT.load{opacity:1}

.dataNone{justify-content:center;width:100%;height:120px;padding:40px 0;border-bottom:1px solid #E0E0E0;text-align:center;color:#777;}
.dataNone p{padding-top:20px;background:url('./images/common/no_result_ic.png') no-repeat 50% 0;}


/* NO_RESULT */
.NO_RESULT.no_tbl{display:flex;align-items:center;justify-content:center;width:100%;height:310px;border-top:2px solid #333;border-bottom:1px solid #d0d0d0}
.NO_RESULT.no_tbl .text_wrap{position:relative;padding:50px;padding-left:260px;text-align:left;background:url(./images/common/noresult_basic.gif) no-repeat 0 50%}
.NO_RESULT.no_tbl .text_wrap .tit{padding:0;margin:0 0 20px;font-weight:600;font-size:24px;color:#333;background:none}
.NO_RESULT.no_tbl .text_wrap .tit span{background:linear-gradient(to bottom, transparent 65%, #CCEFE8 35%)}
.NO_RESULT.no_tbl .text_wrap .desc{font-size:18px;color:#777}
.NO_RESULT.no_tbl .btn01{display:block;width:400px;padding:16px 30px;margin-top:30px;border:0;border-radius:50px;font-weight:500;font-size:16px;text-align:left;color:#fff;background:#333}
.NO_RESULT.no_tbl .btn01 span{display:inline-block;width:100%;padding-right:40px;background:url(./images/common/noresult_btn_arrow.png) no-repeat calc(100% - 5px) 50%;transition:background 0.3s}
.NO_RESULT.no_tbl .btn01:hover{opacity:1}
.NO_RESULT.no_tbl .btn01:hover span{background-position-x:100%}

.NO_RESULT.no_tbl .text_wrap.lica{background-image:url(./images/common/noresult_lica.gif)}
.NO_RESULT.no_tbl .text_wrap.lica_grp{background-image:url(./images/common/noresult_lica_grp.gif)}
.NO_RESULT.no_tbl .text_wrap.cous{background-image:url(./images/common/noresult_cous.gif)}
.NO_RESULT.no_tbl .text_wrap.resume{background-image:url(./images/common/noresult_resume.gif)}
.NO_RESULT.no_tbl .text_wrap.self{background-image:url(./images/common/noresult_self.gif)}
.NO_RESULT.no_tbl .text_wrap.ptfol{background-image:url(./images/common/noresult_ptfol.gif)}

.board_list .NO_RESULT.no_tbl{border-top:0}

.tit_mark{padding-left: 23px!important;position:relative;}
.terms_chk > ul li:nth-child(2):hover label + .tooltip_02 {display: block;}
.tooltip_02 {display: none;position: absolute;top: -7px;left: -455px;width: 444px;padding: 10px 15px;border-radius: 3px;font-size: 14px;color: #fff;background: #222}
.tooltip_02::after {border-style: solid;border-width: 0 2px 8px 5px;border-color: #9f00ff transparent #222 transparent;content: '';position: absolute;right: 18px;top: 44px;width: 0px;height: 0;
border: 6px solid transparent;border-left-color: #222222;border-radius: 0;margin-top: -30px;margin-right: -30px;}


.info_mark{position:relative;}
.info_mark:hover .tooltip_03 {display: block;}
.tooltip_03 {display: none;position: absolute;top: 50px;left: 0;padding: 8px 10px;border-radius: 3px;font-size: 13px;color: #fff;font-weight: 400;background: #222222d4; z-index: 1;width: auto;white-space: nowrap;}
.tooltip_03::after {content: '';position: absolute;top: 0;left: 52%;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #222222d4;border-top: 0;margin-left: -86px;margin-top: -6px;}

.employ_knowhow .info_mark span.tolltip_title{position: relative;padding-right: 22px;vertical-align: bottom;}
.employ_knowhow .tooltip_03::after{left: 50%;}
.info_mark span.tolltip_title:after{content: '!';display: inline-block;width: 17px;height: 17px;border-radius: 100%;color: #fff;line-height: 16px;text-align: center;font-size: 11px;font-weight: 600;background: #890A2A;position: absolute;top: 3px;right: 0;}
.tooltip06_div .tolltip_title:after{display:none!important;}

.mento_table .info_mark{position:relative;}
.mento_table .info_mark span.tolltip_title{position: relative;padding-right: 22px;vertical-align: bottom;}
.mento_table .tooltip_proof{top: 35%;left: 150px}
.mento_table .tooltip_proof::after{top: 65%;left: 0;width: 0;height: 0;border: 6px solid transparent;border-right-color: #222222d4;border-left: 0;margin-left: -6px;transform: translateY(-50%);}

.tooltip_proof{top: 25%;left: 150px}
.tooltip_proof::after{top: 50%;left: 0;width: 0;height: 0;border: 6px solid transparent;border-right-color: #222222d4;border-left: 0;margin-left: -6px;transform: translateY(-50%);}
.employ_knowhow .tooltip_eng::after{left: 59%;}
.employ_knowhow .tooltip_proof::after {left: 0;}

.info_mark:hover .tooltip_04 {display: block;}
.tooltip_04 {display: none;position: absolute;top: 50px;left:40px;padding: 8px 10px;border-radius: 3px;font-size: 13px;color: #fff;font-weight: 400;background: #222222d4; z-index: 1;width: auto;white-space: nowrap;}
.tooltip_04::after {content: '';position: absolute;top: 0;left: 52%;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #222222d4;border-top: 0;margin-left: -86px;margin-top: -6px;}
.info_mark.tooltip04_th span.tolltip_title:after{top:20px;right:20px;}
.info_mark:hover .tooltip_05 {display: block;}
.tooltip_05 {display: none;position: absolute;top: 50px;left:35px;padding: 8px 10px;border-radius: 3px;font-size: 13px;color: #fff;font-weight: 400;background: #222222d4; z-index: 1;width: auto;white-space: nowrap;}
.tooltip_05::after {content: '';position: absolute;top: 0;left: 52%;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #222222d4;border-top: 0;margin-left: -86px;margin-top: -6px;}
.info_mark.tooltip05_th span.tolltip_title:after{top:20px;right:5px;}

.tooltip06_div .info_mark .tooltip_none::after{display:none!important}
.tooltip07_div:hover .tooltip_none .tooltip_03 {display: none!important;}
.tooltip07_div:hover .tooltip_03 {display: none!important;}

.info_mark.tooltip06_div{display:inline-block;}
.tooltip06_div .tolltip_title{position:absolute;top:25px;left:110px;}
.info_mark.tooltip06_div:hover .tooltip_06 {display: block;}
.tooltip_06 {display: none;position: absolute;top: 20px;left:120px;padding: 8px 10px;border-radius: 3px;font-size: 13px;color: #fff;font-weight: 400;background: #222222d4; z-index: 1;width: auto;white-space: nowrap;}
.tooltip_06::after {content: '';position: absolute;top:20px;left:78px;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #222222d4;border-top: 0;margin-left: -86px;margin-top: -6px;transform:rotate(270deg)}
.info_mark.tooltip05_th span.tolltip_title:after{top:20px;right:5px;}
.tooltip07_div .tooltip_none::after{display:block!important;}
.tooltip07_div:hover .tooltip_03 {
    display: block !important;
}
.table_wrap .employ_knowhow tr th.tooltip_ic{position:relative;padding-right: 25px;}
.table_wrap .employ_knowhow tr th.tooltip_ic .tooltip_proof{top: 20%;left: 130px;}
.table_wrap .employ_knowhow tr th.tooltip_ic .tooltip_proof::after{top: 21px;}
.employ_knowhow th.tooltip_ic::after{content: '!';display: inline-block; width: 17px;height: 17px;border-radius: 100%;color: #fff;line-height: 16px;top: 18px;
right: 41px;text-align: center;font-size: 11px;font-weight: 600;background: #890A2A;position: absolute;}
.employ_knowhow th.tooltip_ic:hover .tooltip_proof{display:block;top: 0;left: 125px;}

.rcmdYnY .tooltip06_div:after {content: '!';display: inline-block; width: 17px;height: 17px;border-radius: 100%;color: #fff;
line-height: 16px;text-align: center;font-size: 11px;font-weight: 600;background: #890A2A;position: absolute;top: 28px;right: -110px;}


.tooltip06_div .tolltip_title.mark{left:180px;}
.tooltip06_div .tolltip_title.mark::after{content: '!';display: inline-block !important;position: absolute;top: 3px;right:0;width: 17px;height: 17px;border-radius: 100%;color: #fff;line-height: 16px;text-align: center;font-size: 11px;font-weight: 600;background: #890A2A;cursor:pointer;}
.tooltip06_div .tolltip_title.mark + .tooltip_06{top:9px;left:190px;}
.tooltip06_div .tolltip_title.mark + .tooltip_06::after{top:30px;}
.table_top.info_mark h4{position:relative;padding-right:25px;}
.table_top.info_mark h4 .mark::after{content: '!';display: inline-block;position: absolute;top: 3px;right:0;width: 17px;height: 17px;border-radius: 100%;color: #fff;line-height: 16px;text-align: center;font-size: 11px;font-weight: 600;background: #890A2A;cursor:pointer;}
.table_top.info_mark .title_tooltip_ic .mark + .tooltip{display: none;position: absolute;top:0;left: 200px;padding: 2px 10px;border-radius: 3px;font-size: 12px;color: #fff;font-weight: 400;background: #222222d4;z-index: 1;width: auto;white-space: nowrap;}
.table_top.info_mark .title_tooltip_ic .mark + .tooltip::after {content: '';position: absolute;top: 20px;left: 78px;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #222222d4;border-top: 0;margin-left: -86px;margin-top: -6px; transform: rotate(270deg);}
.table_top.info_mark .title_tooltip_ic .mark:hover + .tooltip{display:block;}

/* no_left_gnb */
.no_left_gnb .left_gnb{display:none;}
.no_left_gnb section{margin-left:0;}

/* 탑버튼 */
.btn_back{display:none;}


/* nav */
header nav{position:relative;width:100%; max-width:1280px;margin:0 auto;text-align:right;}
header nav h2{height:0;font-size:0;visibility:hidden;}
#gnb{position:relative;width:calc(100% - 200px);max-width:100%;padding-right:12px;z-index:51;}
#gnb > ul {display:flex;align-items:center;justify-content:flex-end;position:relative;left:35px}
#gnb > ul > li{position:relative;padding-right:50px;padding-left:10px;}
#gnb > ul > li > a{display:block;width:100%;padding:16px 0;font-size:18px;color:#000;font-weight:500;text-align:center;line-height:1;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus,
#gnb > ul > li > a:active,
#gnb > ul > li > a.on{color:#870B2A;}
#gnb > ul > li.first > ul{border-left:none;}
#gnb > ul > li > ul{overflow:hidden;position:absolute;top:38px;padding-top:45px;padding-left:10px;left:0;width:100%;height:0;z-index:51;background:transparent ;/* border-left:1px solid #eeeeee;*/}
#gnb > ul > li > ul.is-active{height:320px;}
#gnb > ul > li > ul > li{text-align:left;}
#gnb > ul > li > ul > li > a{display:inline-block;position:relative;padding:5px 0;color:#444444;font-size:14px;letter-spacing:-0.5px;white-space:nowrap}
#gnb > ul > li > ul > li > a::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:transparent;opacity:1;transition:0.3s}
#gnb > ul > li > ul > li > a:hover,
#gnb > ul > li > ul > li > a:focus,
#gnb > ul > li > ul > li > a:active,
#gnb > ul > li > ul > li.on > a,
#gnb > ul > li > ul > li > a.on{font-weight:500;color:#870B2A;}
#gnb > ul > li > ul > li > a:hover::before,
#gnb > ul > li > ul > li > a:focus::before,
#gnb > ul > li > ul > li > a:active::before,
#gnb > ul > li > ul > li.on > a::before,
#gnb > ul > li > ul > li > a.on::before{left:-8px;background:#870B2A}


/* header */
header{position:fixed;top:0;left:0;z-index:100;width:100%;height:120px;border:0;background:#fff;transition:0.3s}
header .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative; max-width:1920px;margin:0 auto;padding:0 90px}
header .logo_wrap{width:200px;height:80px}
header .logo_wrap a{display:block;width:100%;height:100%;background:url(./images/common/ku_ssc_logo.png) no-repeat 0 50%}
header .logo_wrap span{display:block;color:#4C4C4C;font-size:18px;}
header .logo_wrap span::before{content:'';display:inline-block;width:1px;height:12px;margin:0 8px;background:#BFBFBF}

header .header_top{width:100%;background:#262626}
header .site_gp{display:flex;align-items:center;justify-content:flex-end;width:100%;height:40px;}
header .site_gp > li{font-size:12px;color:#fff}
header .site_gp > li + li::before{content:'';display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 12px;background:#5C5C5C}
header .site_gp > li > a{color:#fff}
header .site_gp a span{display:inline-block;}
header .site_gp a[target="_blank"] span{padding-right:20px;background:url(./images/common/header_top_new_ic.png) no-repeat 100% 50%}
header .site_gp a.insta span{padding-right:0;padding-left:20px;background:url(./images/common/header_top_insta_ic.png) no-repeat 0 50%}
header .site_gp > li.user_act{display:flex;align-items:center;justify-content:center;height:40px;margin-left:12px;padding-left:12px;background:#333}
header .site_gp > li.user_act::before{display:none}
header .site_gp > li.user_act:last-child{padding-right:12px;margin-right:12px}
header .site_gp > li.user_act + .user_act{padding-left:0;margin-left:0;}
header .site_gp > li.user_act + .user_act::before{display:block;top:0;width:2px;height:2px;background:#fff;vertical-align:middle}
header .site_gp .login span,
header .site_gp .logout span{padding-left:20px;background:url(./images/common/header_top_login_ic.png) no-repeat 0 50%}
header .site_gp .mypage span{padding-left:20px;background:url(./images/common/header_top_mypage_ic.png) no-repeat 0 50%}

.bg_gnb{display:block; position:absolute;top:120px;left:0;width:100%;height:0;background:#fff;z-index:50;border-radius:0;transition:height 0.5s ease;overflow:hidden;}
.bg_gnb.is-active{height:280px;border-top:1px solid #ddd}
.bg_gnb .text_inner{max-width:1920px;margin:0 auto;height:280px;padding:50px 210px;background:url(./images/common/ssc_gnb_bg.png) no-repeat 210px 100%}
.bg_gnb .text_inner .tit{font-size:15px;color:#444}
.bg_gnb .text_inner .tit .str{font-size:17px;color:#8c1f35}

.dimlnb_bg{display:none;overflow:hidden;position:fixed;height:100%;top:0px;left:0px;bottom:0;right:0;z-index:49;background:#000;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;}
.dimlnb_bg.on{display:block}

.m_gnb{}
.lang_wrap{padding:0 10px; height:60px;clear:both;overflow:hidden;background:#fff;}
.lang_wrap li{display:block;float:left;}
.lang_wrap li + li{margin-left:20px;}
.lang_wrap li a{display:block;height:60px;line-height:60px;color:#333;opacity:0.8;}
.lang_wrap li.on a{opacity:1;}
.lang_wrap li.on a span{padding-bottom:2px;border-bottom:1px solid #333;}

.user_wrap{display:flex;align-items:flex-end;justify-content:space-between;position:relative; width:100%;height:125px;padding:60px 10px 20px;background:#8B0029 url(./images/common/m_gnb_user_bg.png) no-repeat 50% 100%;background-size:100%}
.user_wrap .name{font-size:16px;color:#fff;width:calc(100% - 160px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user_wrap .name strong{font-weight:600}
.user_wrap .btn_gp{display:block;width:160px;text-align:right}
.user_wrap .btn_gp a{display:inline-block;padding:5px 10px;border-radius:50px;border:1px solid #fff;color:#fff;font-size:12px;white-space:nowrap}
.user_wrap .btn_gp a + a{margin-left:5px}

.m_gnb{display:none;}
.btn_gnb{display:none;position:absolute;right:0;top:0;width:60px;padding-left:18px;height:60px;z-index:55;}
.btn_gnb i{display:block;width:25px;height:2px;margin:6px 0 0;background:#333;transition:transform .5s,opacity .3s;}
.btn_gnb i:first-child{margin-top:22px;}
.btn_gnb i:nth-child(2){width:18px}
.btn_gnb.on i{position:relative;width:24px;margin:6px 0 0;background:#fff}
.btn_gnb.on i:first-child{margin-top:22px;}
.btn_gnb.on i:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;}
.btn_gnb.on i:nth-child(2){opacity:0;}
.btn_gnb.on i:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;}
.btn_gnb span{display:none;}
.m_top_menu{background:#870B2A;}
.mgnb_bottom_box{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;background:#262626}
.mgnb_bottom_box .site_gp{justify-content:center;}
.mgnb_bottom_box .site_gp > li + li::before{margin:0 8px}
.mgnb_bottom_box .site_gp a[target="_blank"] span{padding-right:15px;background-size:10px}
.mgnb_bottom_box .site_gp a.insta span{padding-left:16px;padding-right:0;background-size:12px}

.m_gnb_wrap{overflow-y:auto;height:calc(100vh - 165px);background:#fff;}
.m_gnb_wrap .m_gnb_list{position:relative;width:100%;padding:10px;}

.m_gnb_list a{display:block}
.m_gnb_list .depth_tit1{position:relative;padding:15px 10px;border-bottom:1px solid #E5E5E5;font-weight:500;font-size:18px;color:#222}
.m_gnb_list .depth_tit1::before{}
.m_gnb_list .depth_tit1::after{content:'';display:block;width:16px;height:10px;position:absolute;top:50%;right:10px;margin-top:-5px;background:url(./images/common/m_gnb_arrow.png) no-repeat 50% 50%;background-size:100%;transition:0.3s}
.m_gnb_list2{display:none;padding:12px 15px;border-bottom:1px solid #E5E5E5}
.m_gnb_list2 > li > .tit{padding:4px 0;font-size:15px;color:#8C8C8C}
.m_gnb_list2 > li > .tit::before{content:'';display:inline-block;position:relative;top:-4px;width:3px;height:3px;margin-right:8px;background:#8C8C8C;veritcal-align:middle}
.depth3{padding:12px 15px;margin:5px 0;border-radius:10px;background:#fafafa}
.depth3 a{padding:2px 0;color:#999;font-size:13px}
.depth3 a::before{content:'- '}
.m_gnb_list .open .depth_tit1{color:#A71D46}
.m_gnb_list .open .depth_tit1::after{background-image:url(./images/common/m_gnb_arrow_on.png);transform:rotate(180deg);}
.m_gnb_list .open .m_gnb_list2{display:block}
.m_gnb_list a.on{color:#A71D46}
.m_gnb_list2 > li > .tit.on::before{background:#A71D46}


/* container */
section{padding:40px 0 100px 40px;}
.container .con_top_img{text-indent:-9999em;display:block;width:100%;height:175px;}
.container aside.left_gnb .left_gnb_title{position:relative;}
.container .con_wrap{display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:1280px;margin:auto;}
.container .sub_cont{width:100%}
.container .inner{max-width:1280px;width:100%;margin:0 auto;}
.ui-dialog .cont_box + .cont_box,
.container .cont_box + .cont_box{margin-top:50px}
.content{position:relative;clear:both;overflow:hidden;padding:0 0 60px 40px;min-height:800px;margin-left:230px;background:#fff;}
section > h3{float:left;}
.left_none .content{margin-left:0;padding:50px ;}
.cont_box .cont_tit{margin-bottom:20px;font-weight:600;font-size:24px;color:#000}
.dot_list > li{position:relative;padding-left:14px;color:#444}
.dot_list > li::before{content:'';display:block;position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background:#890A2A}
.dot_list > li.str{color:#7F0F2C;font-weight:500}
.dot_list > li + li{margin-top:8px}

.h3Box{padding-top:0;padding-bottom:0;border:1px solid red;clear:both;overflow:hidden;}
.h3Box h3{padding-top:0;float:none; text-align:left;font-weight:600;font-size:36px;color:#000000;}
.navigation{float:left;padding-top:8px;}
.navigation li.first{width:14px;height:15px;margin-left:0;margin-right:12px;text-indent:-9999em;background:url('images/com_/navigation_home.png') no-repeat 0 0;}
.navigation li{display:inline-block;float:left;padding-left:15px;font-size:14px;color:#afafaf;margin-right:12px;background:url('images/com_/navigation_line.png') no-repeat 0 50%;}
.navigation:after{clear:both;overflow:hidden;}
.navigation li.last{margin-right:0;color:#7a7a7a;}
.m_navigation{display:none;}

.opinion_btn{ position:relative; float:left;width:79px;height:20px;margin-left:10px;margin-top:6px; font-size:14px; text-align:center;background:#d3d3d3;border-radius:30px;}
.opinion_btn a{display:block;height:20px;}
.opinion_btn span.bub{display:none; font-size:12px; position:absolute;padding:3px; width:58px;line-height:1; text-align:center; top:-30px;right:-1px;;background:#ffffff;color:#7a7a7a; border:1px solid #cccccc;}
.opinion_btn a > span{background:url('images/common/opinion_icon.png') no-repeat center left;height:20px;font-size:12px;line-height:20px;color:#fff;padding-left:19px;display:inline-block;vertical-align:text-top;}
.opinion_btn a:hover + span{display:block;}
.opinion_btn span.bub:after {content:''; position:absolute; width:6px; height:8px; background:url('images/common/opinion_ic_bor.png') no-repeat 50% 50%; bottom:-8px;right:-1px;}



/* footer */
.footer .footer_top{padding:25px 0;background:#000}
.footer .terms_list{display:flex;align-items:center;}
.footer .terms_list a{color:#fff}
.footer .terms_list li + li::before{content:'';display:inline-block;width:1px;height:14px;margin:0 10px;background:#707070}
.footer .addr_wrap{display:flex;align-items:center;justify-content:space-between;padding:25px 0;font-size:14px}
.footer .addr_wrap .addr_list{display:flex;align-items:center;}
.footer .addr_wrap .addr_list li{padding-left:24px;margin-right:40px;background:no-repeat 0 50%}
.footer .addr_wrap .addr_list li.addr{background-image:url(/common/1user/common/css/portfolio/images/main/footer_ic_addr.png)}
.footer .addr_wrap .addr_list li.addr span{white-space:nowrap}
.footer .addr_wrap .addr_list li.call{background-image:url(/common/1user/common/css/portfolio/images/main/footer_ic_call.png)}
.footer .addr_wrap .addr_list li.mail{background-image:url(/common/1user/common/css/portfolio/images/main/footer_ic_mail.png);background-size:16px}
.footer .addr_wrap .addr_list li.fax{background-image:url(/common/1user/common/css/portfolio/images/main/footer_ic_fax.png)}
.footer .addr_wrap .copy{color:#CCC;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
.footer .gp_stie{padding:20px 0;border-top:1px solid #eee}
.footer .gp_stie .inner{position:relative;padding:0 140px}
.footer .swiper_site{overflow:hidden;height:60px;}
.footer .swiper_site .swiper-slide{display:flex;align-items:center;justify-content:center;text-align:center}
.footer .swiper_site .swiper-slide img{max-width:80%}
.footer .gp_stie .swiper-button-prev,
.footer .gp_stie .swiper-button-next{width:30px;height:60px;margin-top:-30px;background:no-repeat 50% 50%}
.footer .gp_stie .swiper-button-prev{left:100px;background-image:url(/common/1user/common/css/portfolio/images/main/footer_swiper_site_prev.png);background-position-x:0}
.footer .gp_stie .swiper-button-next{right:100px;background-image:url(/common/1user/common/css/portfolio/images/main/footer_swiper_site_next.png);background-position-x:100%}

/* sub */
.footer_wrap .inner{max-width:1920px;margin:0 auto;padding:0 90px}
.footer_wrap .footer_top{background:#F1F1F1}
.footer_wrap .terms_list a{color:#9E9E9E}
.footer_wrap .terms_list .center_intro a{font-weight:600;color:#111}


/* quick_menu */
.quick_menu{display:flex;justify-content:flex-end;flex-wrap:wrap;width:54px;position:fixed;bottom:60px;right:50%;z-index:1;margin-right:-930px;text-align:right}
.quick_list li{display:flex;justify-content:flex-end}
.quick_list li + li{margin-top:6px}
.quick_menu .quick_list a{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;min-width:54px;height:54px;border:1px solid #E5E5E5;border-radius:54px;background:#fff no-repeat 100% 50%;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);transition:0.3s}
.quick_menu .quick_list a span{position:relative;right:-100px;width:0;padding-right:15px;visibility:hidden;white-space:nowrap;font-weight:500;font-family:'Pretendard';color:#000;line-height:1;transition:right 0.3s}
.quick_menu .quick_list a:hover{width:auto;min-width:130px;padding-left:25px;padding-right:60px;}
.quick_menu .quick_list a:hover span{right:0;width:auto;visibility:visible}
.quick_menu .quick_list .ai_naim a{background-image:url(./portfolio/images/main/quick_naim.png)}
.quick_menu .quick_list .tospk a{background-image:url(./portfolio/images/main/quick_tospk.png)}
.quick_menu .quick_list .fin a{background-image:url(./portfolio/images/main/quick_fin.png)}
.quick_menu .quick_list .edus a{background-image:url(./portfolio/images/main/quick_edus.png)}
.quick_menu .quick_list .jobp a{background-image:url(./portfolio/images/main/quick_jobp.png)}
.quick_menu .quick_list .comt a{background-image:url(./portfolio/images/main/quick_comt.png)}
.quick_menu .quick_list .ai_naim a:hover{background-image:url(./portfolio/images/main/quick_naim_over.png)}
.quick_menu .quick_list .tospk a:hover{background-image:url(./portfolio/images/main/quick_tospk_over.png)}
.quick_menu .quick_list .fin a:hover{background-image:url(./portfolio/images/main/quick_fin_over.png)}
.quick_menu .quick_list .edus a:hover{background-image:url(./portfolio/images/main/quick_edus_over.png)}
.quick_menu .quick_list .jobp a:hover{background-image:url(./portfolio/images/main/quick_jobp_over.png)}
.quick_menu .quick_list .comt a:hover{background-image:url(./portfolio/images/main/quick_comt_over.png)}

.quick_ctrl{margin-top:6px}
.quick_ctrl .scroll_btn{position:relative;display:block;min-width:auto;width:54px;height:50px;border-radius:0;margin-top:15px;border:0;box-shadow:none;background:none;text-align:center}
.quick_ctrl .scroll_btn::before{content:'';display:block;position:absolute;top:0;left:50%;width:22px;height:2px;margin-left:-11px;background:#eee}
.quick_ctrl .scroll_btn span{right:0;width:auto;padding:0;visibility:visible;color:#C4C4C4;font-size:12px}
.quick_ctrl .bottom{display:none;background:url(./portfolio/images/main/quick_menu_bottom_arrow.png) no-repeat 50% 50%}
.quick_ctrl .top{padding-top:10px}
.quick_ctrl .quick_more{width:54px;height:54px;border-radius:50%;background:#890129 no-repeat url(./portfolio/images/main/quick_more_ic.png) 50% 50%;background-size:20px;transition:0.2s}
.quick_menu.on .quick_more{transform:rotate(225deg)}







/* aside 왼쪽 서브 메뉴 */
aside.left_gnb{display:none;width:230px;z-index:40;background:#fff;}
aside.left_gnb .left_gnb_title{border-bottom:1px solid #E5E5E5}
aside.left_gnb .left_gnb_title h2{display:flex;align-items:center;width:100%;height:125px;padding:0 20px;font-weight:600;font-size:24px;color:#000}
aside.left_gnb nav{text-align:left;display:block;}

.gnb_list {width:100%;padding:0;}
.gnb_list > ul > li{border-bottom:1px solid #e5e5e5}
.gnb_list > ul > li .tit a{display:block;padding:14px 20px;color:#4C4C4C;font-size:15px}
.gnb_list > ul > li .tit a span{display:inline-block;position:relative;width:100%;}
.gnb_list > ul > li .tit a span::after{content:'';display:block;position:absolute;top:0;right:0;width:20px;height:20px;background:url(./images/common/lnb_tit_arrow.png) no-repeat 50% 50%;transition:0.3s}
.gnb_list > ul > li .tit a:hover,
.gnb_list > ul > li.open .tit a,
.gnb_list > ul > li.li_menu.on .tit a{font-weight:600;color:#333}
.gnb_list > ul > li.li_menu.open .tit a span::after,
.gnb_list > ul > li.li_menu.on .tit a span::after{transform:rotate(180deg);background-image:url(./images/common/lnb_tit_on_arrow.png)}
.gnb_list > ul > li .sub_gnb {display:none;}
.gnb_list > ul > li.open .sub_gnb,
.gnb_list > ul > li.on .sub_gnb {display:block;}
.gnb_list > ul > li .sub_gnb{padding:10px 20px;border-top:1px solid #e5e5e5}
.gnb_list .sub_gnb > ul > li a{display:block;padding:5px 0;font-size:14px;color:#888}
.gnb_list .sub_gnb > ul > li a::before{content:'';display:inline-block;position:relative;top:-3px;width:3px;height:3px;margin-right:5px;border-radius:50%;background:#9C9C9C}
.gnb_list .sub_gnb > ul > li a.on,
.gnb_list .sub_gnb > ul > li a:hover{font-weight:600;color:#333}
.gnb_list .sub_gnb > ul > li a.on::before,
.gnb_list .sub_gnb > ul > li a:hover::before{background:#333}
.gnb_list > ul > li.no_child .sub_gnb{display:none !important}
.gnb_list > ul > li.no_child .tit a span::after{display:none}

/* ui-datepicker */
.ui-datepicker{width:240px;box-shadow:0 0 20px 1px rgb(0 0 0 / 10%);}
.ui-datepicker .ui-datepicker-header{padding:8px 5px;border:0;border-radius:0;background:#85765E;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{top:50%;width:25px;height:25px;margin-top:-12px;border:0;background:no-repeat 50% 50%;cursor:pointer}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{display:none}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev:hover{left:5px;background-image:url(./images/common/white_arrow_ic_prev.png)}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next:hover{right:5px;background-image:url(./images/common/white_arrow_ic_next.png)}
.ui-datepicker .ui-datepicker-title{display:flex;align-items:center;margin:0 25px;font-size:13px;color:#fff}
.ui-datepicker .ui-datepicker-title select{height:25px;margin:0 5px;border-radius:3px;padding:0 5px;line-height:23px;font-size:13px;color:#666}
.ui-datepicker .ui-datepicker-title select{background-position-x:calc(100% - 5px)}
.ui-datepicker .ui-datepicker-calendar{margin:0}
.ui-datepicker .ui-datepicker-calendar thead th{font-weight:400;}
.ui-datepicker .ui-datepicker-calendar tbody td span,
.ui-datepicker .ui-datepicker-calendar tbody td a{padding:3px 5px;border:0;background:none;text-align:center;font-size:13px}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover,
.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active{border-radius:3px;background:#85765E;color:#fff}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover{opacity:0.8}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled span{border:0;background:none}
.ui-timepicker-div.ui-timepicker-oneLine{margin-top:10px;}
.ui-timepicker-div.ui-timepicker-oneLine dl{display:flex;align-items:center;justify-content:center}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{margin-right:5px;padding:0;font-size:14px}
.ui-timepicker-div .ui-timepicker-select{width:50px;height:25px;padding:0 10px;margin:0 2px;line-height:23px;background:#fff}
.ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today a{font-weight:500;color:#85765E;background:#F3F4F9}

/* 내용 */
section{position:relative;padding:40px 0 80px;background:#fff;}
section .navigation{display:none;padding-top:10px;}
.navigation li.last{margin-right:0;}
.navigation li{display:inline-block;float:left;padding-left:15px;font-size:14px;color:#636363;margin-right:12px;background:url('images/common/ic_gt.png') no-repeat left center;}
.navigation:after{clear:both;overflow:hidden;}
.container{padding-top:120px}
.container.popup_w,
.container.print_w{padding-top:0}
#tilesContent img{max-width:100%}

/* m_navigation */
.sub_visual{background:url(./images/common/sub_visual.jpg) no-repeat 50% 50%;background-size:cover;transition:background 0.3s}
.sub_visual.sub1{background-image:url(./images/common/sub_visual1.jpg)}
.sub_visual.sub2{background-image:url(./images/common/sub_visual2.jpg)}
.sub_visual.sub3{background-image:url(./images/common/sub_visual3.jpg)}
.sub_visual.sub4{background-image:url(./images/common/sub_visual9.jpg)}
.sub_visual.sub5{background-image:url(./images/common/sub_visual5.jpg)}
.sub_visual.sub6{background-image:url(./images/common/sub_visual6.jpg)}
.sub_visual.sub7{background-image:url(./images/common/sub_visual7.jpg)}
.sub_visual.sub8{background-image:url(./images/common/sub_visual8.jpg)}
.sub_visual.sub9{background-image:url(./images/common/sub_visual9.jpg)}
.h3_box{height:300px;}
.h3_box .inner{display:flex;align-items:flex-end;flex-wrap:wrap;position:relative;max-width:1920px;height:100%;}
.h3_box .title_wrap{display:flex;align-content:flex-end;flex-wrap:wrap;width:680px;height:220px;padding:30px;padding-left:320px;color:#fff;background:#890A2A url(./images/common/sub_h3_box_bg.png) no-repeat -20px 25px;word-break:keep-all}
.h3_box h3{font-size:32px;font-weight:600;color:#fff}
.h3_box h3::after{content:'';display:inline-block;width:5px;height:5px;margin-left:15px;border-radius:50%;background:#fff;vertical-align:top}
.h3_box .desc{margin-top:20px;font-size:14px;color:rgba(255,255,255,0.4)}

/* sub_visual sticky */
.sub_visual.sticky{position: fixed;z-index: 10;width: 100%;margin-top: 0;height: 72px;}
.sub_visual.sticky .title_wrap{background-position-y: 0;padding: 20px 20px 20px 320px;height: 100%;flex-wrap: nowrap;}
.sub_visual.sticky .desc{display:none}
.container .sub_visual.sticky + .con_wrap{padding-top:260px;margin:80px auto 160px}
.container .sub_visual.sticky + .con_wrap section{padding:0}



.h3_box .m_navigation{display:block;overflow:visible;width:calc(100% - 680px);height:auto;padding:0 20px;background:rgba(0,0,0,0.7)}
.h3_box .m_navigation > ul > li + li::after{content:'';display:inline-block; position:absolute;top:50%;width:1px; height:16px;margin-top:-8px;background:#898A8D;}
.h3_box .m_navigation > ul > li.on + li::after{display:none}
.h3_box .m_navigation > ul > li.swiper-slide{display:block;position:relative;width:auto;min-width:180px;float:left;height:72px;text-align:left;border:none;background:transparent;}
.h3_box .m_navigation > ul > li.swiper-slide .depth_box{display:none;}
.h3_box .m_navigation > ul > li.swiper-slide > a{display:flex;align-items:center;position:relative;width:100%;height:100%;padding:10px 20px;padding-right:60px;color:#fff;font-size:18px;}
.h3_box .m_navigation > ul > li.swiper-slide > a::after{content:'';display:block;position:absolute;top:50%;right:20px;width:16px;height:16px;margin-top:-8px;background:url(./images/common/subnav_downarr.png) no-repeat 50% 50%;transition:0.3s}
.h3_box .m_navigation > ul > li.swiper-slide.home > a::after{display:none}
.h3_box .m_navigation > ul > li.swiper-slide.on > a{background:#85765E}
.h3_box .m_navigation > ul > li.swiper-slide.on > a::after{transform:rotate(180deg)}
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box{position:absolute;top:72px;left:0;display:block;width:100%;padding:15px 25px;background:#85765E;box-shadow:0 15px 15px 5px rgba(0,0,0,0.05)}
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box::before{content:'';display:block;position:absolute;left:15px;top:0;width:calc(100% - 30px);height:1px;background:#B1A38D;}
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box li a{display:block; font-size:14px;color:#b1a38b;padding:5px 10px;word-break:break-all;}
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box li a.on,
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box li a:hover{font-weight:600;color:#fff}
.h3_box .m_navigation > ul > li.swiper-slide.home{width:60px;min-width:auto;background:url(./images/common/navigation_home.png) no-repeat 50% 50%}
.h3_box .m_navigation .swiper-button-next{width:30px;height:40px; right:0;margin-top:-20px;background:url('images/com_/mob/nav_right_ic.png') no-repeat 50% 50%;background-size:10px auto;}
.h3_box .m_navigation .swiper-button-prev{width:30px;height:40px; left:0;margin-top:-20px;background:url('images/com_/mob/nav_left_ic.png') no-repeat 50% 50%;background-size:10px auto;}
.h3_box .m_navigation .swiper-button-next.swiper-button-disabled,
.h3_box .m_navigation .swiper-button-prev.swiper-button-disabled{display:none;opacity:0;}

/* 헤딩 */
.page_tit{margin-bottom:20px;font-weight:600;font-size:32px;color:#000}
h4{font-size:20px;color:#333;padding-bottom:15px;}
.h4_style{font-size:20px;color:#666666;padding-bottom:15px;}
.h4_style:before{display:inline-block;vertical-align:middle;margin-right:5px;width:8px;height:8px;content:"";background:#666666;border-radius:4px;}
h5{font-size:18px;color:#666666;padding-bottom:15px;}
.h5_style{font-size:18px;color:#666}
.h5_title{font-size:18px;color:#666}
.p_style{font-size:16px;color:#666666;padding-bottom:15px;}
.p_style:before{display:inline-block;vertical-align:middle;margin-right:5px;width:2px;height:2px;content:"";background:#666666;}

/* 폰트 */
.f_red{color:#ed1c24 !important;}
.f_blue{color:#009fd9 !important;}
.f_black{color:#37343f !important;}

.f_col0{color:#fff !important;}
.f_col1{color:#1b976a !important;}
.f_col2{color:#1d9fd5 !important;}
.f_col3{color:#00b99e !important;}
.f_col4{color:#ffa025 !important;}
.f_col5{color:#f8735e !important;}
.f_col6{color:#626eda !important;}
.f_col7{color:#cf3737 !important;}
.f_col8{color:#3fb98f !important;}
.f_col9{color:#9e9e9e !important;}
.f_red{color:#e70000 !important;}
.f_bg_col1{background-color:#1b976a;}
.f_bg_col2{background-color:#1d9fd5;}
.f_bg_col3{background-color:#00b99e;}
.f_bg_col4{background-color:#ffa025;}
.f_bg_col5{background-color:#f8735e;}
.f_bg_col6{background-color:#626eda;}

.bold{font-weight:600;}
strong{font-weight:600;}
.u_line{text-decoration:underline;}
a.hyper {color:#009fd9 !important;}
a.hyper:hover{text-decoration:underline;}


/* form */
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled {background:#f6f6f6;}
body select, .select select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {border:1px solid #ccc;height:40px;line-height:40px;padding:0 10px;letter-spacing:0;font-size:14px}
body select,
.select select{padding-right:20px}
input::-webkit-placeholder{color:#cecece;}
input::-moz-placeholder{color:#cecece;opacity:1}
input::-ms-placeholder{color:#cecece;}
input::placeholder{color:#cecece;}
textarea::placeholder{color:#cecece;}
select {height:34px;line-height:34px;padding-left:5px;font-size:13px;border:1px solid #ddd;}
body textarea{border:1px solid #ddd;width:100%;min-height:120px;resize:none;line-height:1.2em;margin:0;padding:10px;box-sizing:border-box;font-size:14px}
input[type="radio"]:disabled + label, input[type="checkbox"]:disabled+ label{opacity:0.5;}
input[type="checkbox"],input[type="radio"]{margin:0;}
.select select:disabled{background:#f6f6f6;}
.select.select_d:AFTER{background:#f6f6f6 url(images/com_/select_bg.png) no-repeat 50% 50%;}
.select + .comm_set,
.select + .cdDiv,
.select + .cd,
.comm_set + .comm_set,
.comm_set + .select{margin-left:5px}
.comm_set .ul_list2 li{display:inline-block}
.comm_set .ul_list2 li + li{padding-top:0}
.select + .cdDiv,
.cdDiv + .cdDiv,
.cdDiv + .btn01,
.cdDiv + .select{margin-left:5px}
.cdDiv .ul_list2 li{display:inline-block;margin-right:10px}
.cdDiv .ul_list2 li + li{padding-top:0}
select{appearance:none;padding-right:20px;background:url(./images/common/select_arrow.png) no-repeat calc(100% - 10px) 50% #fff}

/* 버튼 */
.btn01{display:inline-block;min-width:50px;padding:9px 5px 9px;text-align:center;font-size:18px;color:#37343f;background:#ffffff;border:1px solid #8d9cae;border-radius:3px;}
.btn01:active{transform:scale(0.95)}
.btn01:hover{opacity:0.8;}
.btn01.col01{background:#fff;border:1px solid #8d9cae;}
.btn01.col02{background:#009fd9;border:1px solid #009fd9;color:#fff;}
.btn01.col03{background:#8d9cae;border:1px solid #8d9cae;color:#fff;}
.btn01.col04{background:#ffffff;border:1px solid #009fd9;color:#009fd9;}
.btn01.col05,
.btn01:disabled{background:#f8f9fa;border:1px solid #d7d7d7;color:#959595;cursor:context-menu;transform:none;}
.btn01.h30{padding:0 5px;height:30px;line-height:30px;}
.btn01.h40{padding:0 5px;height:40px;line-height:40px;}
.btn01.h50{padding:0 5px;height:50px;line-height:50px;}

.set_btn_w{display:inline-block;position:relative;}
.set_btn{display:none;position:absolute;top:-12px;right:-24px;width:24px;height:24px;text-indent:-9999em;background:url('images/common/set_btn_icon.png')  no-repeat center center;z-index:1;}
.set_btn:HOVER{opacity:0.5;}
.set_btn_w:HOVER .set_btn{display:block;}
.set_btn:active{transform:scale(0.95)}

.btn01.mob01{margin-right:10px;}




/* 위치 */
.btn_gp{display:flex;align-items:center;justify-content:space-between;}
.btn_wrap{/*display:flex;align-items:center;justify-content:space-between;*/clear:both;overflow:hidden;padding-top:40px;}
.btn_wrap .btn01 + .btn01{margin-left:5px}

/* 정렬 */
.clear{clear:both;overflow:hidden;}
.f_clear{clear:both;overflow:hidden;}
.f_left{float:left !important;}
.f_right{float:right !important;}
.t_left{text-align:left !important;}
.t_center{text-align:center !important;}
.t_right{text-align:right !important;}



.ul_inblock li{display:inline-block;padding-right:5px;}
.ul_inblock li.last{padding-right:0;}
.ul_block.li2 li{display:block;padding-left:20px;float:left;}

.ul_block li{display:block;padding-top:10px;}
.ul_block li.first{padding-top:0;}

.ul_block2{clear:both;overflow:hidden;}
.ul_block2 li{display:block;float:left;padding-top:10px;}
.ul_block2.li2 li{width:50%;}
.ul_block2.li3 li{width:33.3333%;}
.ul_block2.li4 li{width:25%;}
.ul_block2.li5 li{width:20%;}

.ul_inblock +.ul_inblock {padding-top:10px;}

.per_info_chk li{padding-right: 0;display: block;text-align: right;}

/*테이블 - 상단 */
.table_top{clear:both;overflow:hidden;padding-bottom:10px;}
.table_top h4{padding-bottom:0;display:inline-block;padding-right:20px;}
.table_top .btn01{padding-bottom:0;padding:9px 5px 9px;vertical-align:top;font-size:14px;}
.table_top .btn01 + .btn01{margin-left:5px}
.table_top .f_btn{float:right}
.table_top select{height:40px;border-radius:50px}
.table_wrap + .table_top{margin-top:30px}

/*테이블 - 하단 */
.tab_bottom .first{float:left;color:#808080;}
.tab_bottom .last{float:right;}
.tab_bottom span{color:#333333;}
.tab_bottom +  .table_top{padding-top:20px;}

/* 테이블 */
table{table-layout:fixed;}
table tr td,
table tr th{word-wrap:break-word;}
.table_wrap{border-top:2px solid #222;overflow-y:auto;}
.table_wrap td img{max-width:100%;max-height:100%;}
.table_wrap + .table_wrap{margin-top:20px;}
.table_wrap + .table_wrap.mob_view{margin-top:0;}
.table_wrap table{width:100%;}


.table_wrap table th{line-height:1.2em;}
.table_wrap table td{line-height:1.2em;color:#666;}
.table_wrap table tbody td.p0000{padding:0 !important;;}
.table_wrap table tbody td.p5{padding:5px !important;;}
.table_wrap table tbody th .star{display:inline-block;margin-right:2px;color:#db464d;}
.table_wrap table tbody th.ver_top{vertical-align:top;}
.table_wrap table tbody td .td_box{min-height:120px;}
.table_wrap table tbody td .ic_file{display:inline-block;text-indent:-9999em;width:14px;height:14px;background:url('images/common/ic_file.png') no-repeat 0 0;}
.table_wrap .comm_set,
.table_wrap .cdDiv,
.table_wrap .cd,
.table_wrap .select,
.table_wrap .select select{width:100%}
.table_wrap .cdDiv + input[type="text"]{margin-top:5px}
.table_wrap .flex_box .cdDiv + input[type="text"]{margin-top:0;margin-left:5px}

.table_wrap table.t_list tbody td.title.notice::before {content:'[공지]';display:inline-block;margin-right:5px;color:#870B2A;vertical-align:middle;}
.table_wrap table.t_list tbody td.title.ques::before {content:'';display:inline-block;width:26px;height:26px;background:url('./images/com_/q_ic.png') no-repeat 0 0;vertical-align:middle;}
.table_wrap table.t_list tbody td.title.answ::before {content:'';display:inline-block;width:40px;height:26px;margin-left:15px;background:url('./images/com_/a_ic.png') no-repeat 0 0;vertical-align:middle;}
.table_wrap table.t_list tbody td.title.reply::before {content:'';display:inline-block;width:10px;height:12px;background:url('./images/com_/re_ic.png') no-repeat 0 0;vertical-align:text-top;}
.table_wrap table .help{position:relative;display:inline-block;width:19px;height:19px; background:url(./images/com_/btn_help.png) no-repeat 0 0;text-indent:-9999em; }
.table_wrap table .help:AFTER{display:none;position:absolute;top:-20px;left:0;margin-left:-210px; width:320px;  font-size:12px;border:1px solid #ebebeb;padding:5px; content:"지도교수 피드백이 등록된 신청서는 신청일 옆에 F 표시가 됩니다";background:#fff;text-indent:0;z-index:4;}
.table_wrap table .help:hover:AFTER{display:block;}
.table_wrap table .help.th1:AFTER{margin-left:-50px;}
.table_wrap table .help.text02:AFTER{margin-left:-210px; width:300px;  font-size:12px;border:1px solid #ebebeb;padding:5px; content:"보고서는 보고서 목록 진입하여 피드백 여부를 확인해주세요";background:#fff;text-indent:0;}
.table_wrap table .help.text03:AFTER{margin-left:-60px; width:300px;  font-size:12px;border:1px solid #ebebeb;padding:5px; content:"상담상태 안내글";background:#fff;text-indent:0;}
.table_wrap table .help_btn{position:relative;display:inline-block;width:19px;height:19px; background:url(./images/com_/btn_help.png) no-repeat 0 0;text-indent:-9999em; }
.table_wrap table.t_list tbody td{background:#fff}
.table_wrap table.t_list tbody tr:nth-child(2n) td{background:#fafafa}
.table_wrap table.t_list tbody td.bg01{background:#f0f4fc;}
.table_wrap table.t_list tbody td.p0000.bg01{}
.table_wrap table.t_list tbody td.p0000.bg01 p{padding:20px; background:#f0f4fc;}
.table_wrap table.t_list tbody td.p0000.bg01 ul{padding:10px 20px;}

.board_view .title{border-bottom:1px solid #EBEBEB;font-weight:600;font-size:18px;color:#333;}
.board_view .category{border-bottom:1px solid #EBEBEB}
.board_view thead td{border-bottom:1px solid #666}
.board_view td{padding:20px}
.board_view thead td ul.clear li strong + strong{padding-left:10px;margin-left:10px;border-left:1px solid #666;}
.table_wrap table.board_view tbody td.td_input2{padding:20px;border-bottom:0}
.file_box {overflow:hidden;padding:20px;margin-top:10px;border:1px solid #ebebeb;background:url(./images/com_/file_ic_tit.png) no-repeat 20px 15px #fafafa}
.file_box > span{float:left;display:block;padding-left:34px;font-weight:600;color:#333}
.file_box > span::after{content:'';display:inline-block;width:1px;height:12px;margin:0 10px 0;background:#DCDCDC;vertical-align:middle}
.file_box .ul_file{float:left;max-width:80%;}

/* file_input */
.file_input{display:flex;align-items:center;position:relative;margin-bottom:10px}
.file_input #common_upload_file + label{border-left:0}
.file_input .file_img{display: inline-block;}
.file_input .btn01{padding:9px 10px;border-radius:0}
.file_input input[type='file']{position: absolute;top:0;left:0;width:94px;min-width:94px; height:34px; opacity: 0; padding-left:115px;}
.file_input label{display:inline-block;width:584px;height:34px;padding:0 10px;margin-left:5px;border:1px solid #f0f0f0;font-weight:400;line-height:32px;font-size:14px;color:#999}
.file_input #common_upload_file + label{border-left:0;margin-left:0}


.table_wrap.sub_table {min-width:850px;margin-top:20px;border-top:1px solid #E0E0E0}
.table_wrap.sub_table input[type="text"],
.table_wrap.sub_table input[type="number"],
.table_wrap.sub_table .ajax-file-upload.btnTypeDef{height:35px;line-height:35px}
.table_wrap table.t_view tbody .sub_table th,
.table_wrap table.t_view tbody .sub_table td{padding:5px 10px;text-align:center}
.table_wrap table.t_view tbody .sub_table .result th,
.table_wrap table.t_view tbody .sub_table .result td{padding:15px;text-align:center}
.table_wrap table.t_view tbody td .sub_table  tbody td{border-left:none;}
.table_wrap table.t_view tbody td:FIRST-CHILD{border-left:none;}
.table_wrap table.t_view tbody .btn_del{display:inline-block; width:19px;height:19px; background:url(./images/com_/btn_del.png) no-repeat 0 0;text-indent:-9999em;}
.table_wrap table.t_view tbody .btn_plus{display:inline-block; width:19px;height:19px; background:url(./images/com_/btn_del.png) no-repeat 0 0;text-indent:-9999em;}
.table_wrap table.t_view tbody .btn_del2{display:inline-block; width:19px;height:19px; background:url(./images/com_/btn_del.png) no-repeat 0 0;text-indent:-9999em;}

/*TEXT*/
h3{font-size:26px;font-weight:600;color:#000;}
h4{font-size:24px;font-weight:600;color:#000;}
.h4_style{font-size:20px;font-weight:600;color:#333333;}
.h4_style:BEFORE{	display:inline-block;margin-right:10px; width:3px;height:13px;content:"";background:#870B2A;vertical-align:text-top;margin-top:3px;}
h5{font-size:18px;font-weight:600;color:#333333;padding-bottom:0;padding-top:2px;}
.h5_style{font-size:18px;font-weight:600;color:#333333;}
.tal_top + h5{padding-top:10px;}
.tab_bottom + h5{padding-top:50px;}
.table_top .title_center{font-size:24px;text-align:center;padding:15px 0;background:#e1e1e1}
.table_top .tab_top_left{float:left;padding-top:11px;}
.table_top .tab_top_left .top_btn_box{float:left;margin-right:15px;}
.table_top .tab_top_left .top_btn_box a{margin-right:5px;}
.table_top .tab_top_left .ul_list{width:auto;clear:none;padding-top:3px;}
.table_top .f_left.cou_btn{margin-top:0;max-width:400px;width:100%;}
.table_top .f_left.cou_btn .btn01{padding:12px 13px;}

.table_top .title_box{text-align:center; font-size:20px;padding:18px 5px;color:#333333;font-weight:600;background:#fafafa;border:1px solid #e1e1e1;}
.table_top .staTab{display:flex;align-items:center;justify-content:flex-end;width:calc(100% - 280px);height:40px;float:right;}
.table_top .staTab li{display:inline-block;float:none;padding:0}
.table_top .staTab li span{padding-left:4px;font-weight:500}
.table_top .staTab li + li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 10px;background:#ddd}
.table_top .staTab li.on a{font-weight:600;color:#85122B}

/* button */
.btn_wrap{text-align:center;clear:both;overflow:hidden;padding-top:40px;}
.btn_wrap a + a{margin-left:0;}
.btn_wrap .btn01{position:relative;top:0;min-width:80px;padding:10px 30px;font-size:18px;transition:top 0.3s}
.btn_wrap .btn01:hover{top:-5px}

a.btn01{padding:6px 15px;display:inline-block;min-width:50px;border-radius:50px; text-align:center;font-size:14px;color:#333;background:#ffffff;border:1px solid #333;opacity:1;}
a.btn01,
a.btn01 span{line-height:1}
a.btn01 span{display:inline-block;padding:4px 0}
a.btn01:active{transform:scale(0.95)}
/* a.btn01:hover{opacity:0.8;} */
a.btn01.col01{color:#333;border:1px solid #333;background-color:#fff;}
a.btn01.col02{color:#fff;background-color:#870B2A; border:1px solid #870B2A;}
a.btn01.col03{color:#fff;background-color:#afb8c0;border:1px solid #afb8c0; }
a.btn01.col04{color:#fff ;background-color:#848c93; border:1px solid #848c93;}
a.btn01.col05,a.btn01:disabled{color:#999999;background-color:#e1e1e1;border:1px solid #e1e1e1;cursor:context-menu;transform:none;}
a.btn01.col06{color:#fff;background-color:#ef8d31; border:1px solid #ef8d31;}
a.btn01.col07{color:#103ea6;background-color:#ffffff; border:1px solid #e1e1e1;}
a.btn01.col08{color:#fff;background-color:#85765E; border:1px solid #85765E;}
.btn01 .link_arrow{display:block;padding:5px 0;padding-right:90px;background:url(./images/common/btn_link_arrow.png) no-repeat 98% 50%;transition:0.3s}
.btn01:hover .link_arrow{background-position-x:100%}

.btn01#listBtn span{padding-left:28px;background:url(./images/common/btn_list_ic.png) no-repeat 0 50%}
.btn01#procBtn span{padding-right:70px;background:url(./images/common/btn_proc_ic.png) no-repeat 100% 50%}
.btn01#writeBtn span{padding-left:28px;background:url(./images/common/btn_write_ic.png) no-repeat 0 50%}



.table_top  a.btn01.print_ic{background:#fff;border:1px solid #8d9cae ;}
.table_top  a.btn01.print_ic:hover{background:#fff ;border:1px solid #8d9cae ;opacity:0.7;color:#37343f;}
.table_top  a.btn01.print_ic span{display:inline-block; padding-left:20px;background:url('images/common/btn_print.png') 0 50% no-repeat ;}


a.btn01.file_btn{color:#333333;background:#fafafa; border:1px solid #e1e1e1;border-radius:2px;}

.table_wrap a.btn02{padding:7px 5px;display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:14px;color:#303030;background:#ffffff;border:1px solid #868686;opacity:1;}
.table_wrap  a.btn02:active{transform:scale(0.95)}
.table_wrap  a.btn02.col01{color:#333333; background:#fafafa;border:1px solid #e1e1e1;}
.table_wrap  a.btn02.col02{color:#fff;background:#103ea6; border:1px solid #103ea6;}
.table_wrap  a.btn02.col03{color:#fff;background:#cccccc;border:1px solid #cccccc; }
.table_wrap  a.btn02.col04{color:#fff;background:#870B2A; border:1px solid #870B2A;}
.table_wrap  a.btn02.col05{color:#fff;background:#848c93; border:1px solid #848c93;}
.table_wrap  a.btn02.col06{color:#fff;background:#ef8d31; border:1px solid #ef8d31;}
.table_wrap  a.btn02.col07{color:#103ea6;background:#ffffff; border:1px solid #e1e1e1;}
.table_wrap  a.btn02.col08,
.table_wrap  a.btn02:disabled{color:#999999;background:#e1e1e1;border:1px solid #e1e1e1;cursor:context-menu;transform:none;}
.table_wrap  a + a{margin-left:4px;}

.table_top_wrap{padding-bottom:10px;}
.table_top_wrap .btn01 + .btn01{margin-left:4px}
.table_top_wrap a.btn01.col04{padding:6px 12px;color:#fff;font-size:14px;letter-spacing:-0.5px; background:#666666;border:1px solid #666666; }
.table_top_wrap a.btn01.col06{padding:6px 12px;color:#fff;font-size:14px;letter-spacing:-0.5px; background:#ef8d31;border:1px solid #ef8d31; }
.table_wrap a.btn01.col00{padding:6px 12px;color:#fff;font-size:14px;letter-spacing:-0.5px; background:#666666;border:1px solid #666666; }



.hasDatepicker{background:#fff url(images/com_/icon_date.png) no-repeat 5px center;background-size:18px auto;}
input[type='text'].hasDatepicker:focus{background:#fbfae7 url('images/com_/icon_date.png') no-repeat 5px center;background-size:18px auto;}

.ui-datepicker-header{background:#870B2A;}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active{border:1px solid #870B2A;background:#870B2A;}

.btn_top{display:none}


.dl_list{padding-bottom:15px;}
.dl_list dt{display:inline-block;}
.dl_list dd{display:inline-block;padding-left:10px;}
.cal_wrap + .table_list_wrap {margin-top:20px;}
.table_wrap + .cal_wrap {margin-top:20px;}
.table_list_wrap + .search_form{margin-top:20px;}
.table_wrap + .table_list_wrap{margin-top:20px;}
.table_list_wrap + .table_list_wrap{margin-top:20px;}
.table_list_wrap + .search_form{margin-top:20px;}
.table_list_wrap + .table_top{margin-top:20px;}
.btn_wrap + .table_list_wrap{margin-top:20px;}
.table_wrap + .table_top{margin-top:20px;}
.table_wrap + .guide_wrap{margin-top:20px;}


/* tab style */
.tabType01{width:100%;margin-bottom:30px;margin-top:-45px; padding-bottom:0; overflow:hidden;}
.tabType01 ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
.tabType01 ul li{position:relative;padding:0 25px;}
.tabType01 ul li + li::before{content:'';display:block;position:absolute;top:4px;left:-1px;width:2px;height:18px;background:#F0F0F0}
.tabType01 ul li a{display:block;position:relative;font-weight:600;font-size:18px;color:#bbb}
.tabType01 ul li a::before{content:'';display:block;position:absolute;top:0;right:0;width:4px;height:4px;border-radius:50%;background:#bbb;opacity:0;transition:0.3s}
.tabType01 ul li a:hover,
.tabType01 ul li.on a {color:#890A2A}
.tabType01 ul li a:hover::before,
.tabType01 ul li.on a::before{right:-8px;opacity:1;background:#890A2A}

.tabType02{margin:-5px 0 30px}
.tabType02 ul{display:flex;flex-wrap:wrap;}
.tabType02 ul li{margin-top:5px;margin-right:8px}
.tabType02 ul li a{display:flex;align-items:center;justify-content:center;padding:0 20px;height:42px;border-radius:50px;background:#BDBDBD;color:#fff}
.tabType02 ul li a:hover,
.tabType02 ul li.on a{background:#222}
.table_wrap + .tabType02{margin:20px 0 15px}

/* 체크박스공통 */
.check {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;vertical-align:middle;}
.check input[type="checkbox"] {overflow:hidden;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.check .ico {position:absolute;left:0px;top:50%;width:16px;height:16px;margin-top:-8px;border:1px solid #dedede;border-radius:3px;background:no-repeat 50% 50% #fff}
.check .txt {display:inline-block;padding-left:25px;vertical-align:middle;}/* 텍스트는 디자인에 맞게 변경 */
.check input:checked + .ico,
.check input:checked + input[type="hidden"] + .ico {border-color:#870B2A;background-image:url(./images/common/check_ic.png)}/* 체크됐을때, 이미지변경 */
.check input:disabled + .ico + .txt{opacity:0.7;}
.check.before_check{min-width:105px;}
.table_wrap table.t_view tbody .joinDmLastYn td input[name="joinDm"]{width:calc(100% - 84px)}
.table_wrap table.t_view tbody .joinDmLastYn td .flex_box.scret input[name="joinDm"]{width:calc(100% - 157px)}

.table_wrap .t_list th .check .txt{padding-left:17px;}
.table_wrap .t_list td .check .txt{padding-left:17px;}

.table_wrap .t_list .label{display:inline-block;color:#fff;padding:3px 5px;margin-right:5px;border-radius:3px; background:#e26968;}
.table_wrap .t_list .label.bg01{background:#e26968;}
.table_wrap .t_list .label.bg02{background:#da993b;}
.table_wrap .t_list .label.bg03{background:#5086de;}
.table_wrap .t_list .label.bg04{background:#b66be0;}

.table_wrap .t_view .check .txt{height:22px;line-height:1.2;}
.table_wrap .t_view .check input:checked + .ico{}
.table_wrap .t_view .h40 .check .txt{height:40px;line-height:40px;}
.table_wrap .t_view .h40 .check .ico{height:40px;}

.t_list .check .ico{height:16px;}
.t_list .check .txt{height:16px;}
.t_list .check .txt{line-height:16px;}

.ptfolRsm .check input:checked + input[type="hidden"] + .ico{border-color:#870B2A;background-image:url(./images/common/check_ic.png)}


/* 라디오버튼공통 */
.radio {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;vertical-align:middle;}
.radio input {overflow:hidden;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio .ico {position:absolute;left:0;top:6px;width:16px;height:16px;border:1px solid #DEDEDE;border-radius:50%;background:#fff}
.radio .ico::after{content:'';display:none;position:absolute;top:50%;left:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;border-radius:50%;background:#870B2A}
.radio .txt {display:inline-block;padding-left:25px;vertical-align:middle;letter-spacing:0}/* 텍스트는 디자인에 맞게 변경 */
.radio .txt.pl16{padding-left:16px;}
.radio input:checked + .ico {border-color:#870B2A}
.radio input:checked + .ico::after{display:block}
.radio input:disabled + .ico + .txt{opacity:0.7;}

.radio2 {overflow:hidden;display:inline-block;position:relative;min-height:18px;box-sizing:border-box;cursor:pointer;}
.radio2 input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio2 .ico {}
.radio2 .txt {display:inline-block;color:#cccccc;font-size:15px;vertical-align:middle;padding-bottom:2px;border-bottom:1px solid #fff;}/* 텍스트는 디자인에 맞게 변경 */
.radio2 input:checked + .ico{display:inline-block;vertical-align:middle;background:url("images/com_/top_radio.png") no-repeat 0 50%;width:15px;height:15px;}
.radio2 input:checked + .ico + .txt{color:#db3b3f;font-weight:600; border-bottom:1px solid #db3b3f;}/* 체크됐을때, 이미지변경 */
.radio2 input:disabled + .ico + .txt{opacity:0.7;}

.radio3 {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;vertical-align:middle;}
.radio3 input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio3 .ico {}
.radio3 .txt {display:inline-block;width:90px;height:28px;line-height:28px;font-weight:600; text-align:center; color:#fff;font-size:14px;vertical-align:middle;background:#999999;border-radius:5px;}/* 텍스트는 디자인에 맞게 변경 */
.radio3 input:checked + .ico + .txt{background:#cc4b4a;}/* 체크됐을때, 이미지변경 */

.radio4 {overflow:hidden;display:inline-block;position:relative;margin-right:3px; min-height:28px;box-sizing:border-box;cursor:pointer;vertical-align:middle;}
.radio4 input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio4 .ico {}
.radio4 .txt {display:inline-block;width:60px;height:28px;line-height:26px; text-align:center; color:#c6c6c6;font-size:14px;vertical-align:middle;background:#f2f2f2;border:1px solid #e1e1e1; border-radius:5px;}/* 텍스트는 디자인에 맞게 변경 */
.radio4 input:checked + .ico + .txt{color:#999999; background:#fff;border:1px solid #999999;}/* 체크됐을때, 이미지변경 */

.radio_sty input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio_sty input + label{background:url("images/com_/radio01.png") no-repeat 0 50%;padding:1px 0 1px 25px;}
.radio_sty input:checked + label{background:url("images/com_/radio01_on.png") no-repeat 0 50%;padding-left:25px;}

.table_top .ul_inblock li{padding:0}
.table_top .ul_inblock li:before{content:"";display:inline-block;margin:0 12px; width:1px;height:12px;background:#ebebeb;}
.table_top .ul_inblock li.first:before{display:none;}
.table_top .ul_inblock .btn01{font-size:14px;padding:5px 10px;}
.radio_type2 a.on{font-weight:600;color:#870B2A}


/* tab_radio */
.tab_radio{margin-bottom:30px}
.tab_radio .comm_set,
.tab_radio .cdDiv{width:100%}
.tab_radio ul{display:flex;width:100%}
.tab_radio ul li{flex:1;margin:0}
.tab_radio .ul_list2 li{margin:0}
.tab_radio .ul_list2 li + li{margin-left:20px}
.tab_radio .radio{width:100%}
.tab_radio .radio .ico{left:auto;right:50px;top:50%;width:28px;height:20px;margin-top:-10px;border:0;background:url(./images/common/tab_radio_chk.png) no-repeat 100% 50%}
.tab_radio .radio .txt{display:flex;align-items:center;width:100%;height:80px;padding:0 50px;border:1px solid #DBDBDB;font-weight:600;font-size:20px;color:#A1A1A1;}
.tab_radio .radio .txt em{font-weight:500;color:#666}
.tab_radio .radio .txt em::after{content:'';display:inline-block;position:relative;top:1px;width:1px;height:14px;margin:0 20px;background:#a1a1a1}
.tab_radio .radio input:checked + .ico{background-image:url(./images/common/tab_radio_chk_on.png)}
.tab_radio .radio input:checked + .ico::after{display:none}
.tab_radio .radio input:checked + .ico + .txt{border:2px solid #890A2A;color:#890A2A}
.tab_radio .radio input:checked + .ico + .txt em{color:#890A2A}
.tab_radio .radio input:checked + .ico + .txt em::after{background:#890A2A}

/* sq_check */
.sq_check li{padding-bottom:4px;padding-right:4px;vertical-align:top}
.sq_check .check .ico{display:none}
.sq_check .check .txt{display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border:1px solid #CCC;word-break:keep-all;background:#fff;}
.sq_check .check input:checked + .ico + .txt{border:1px solid #890A2A;font-weight:600;color:#890A2A}
.table_wrap .sq_check .check{display:flex;}
.table_wrap .sq_check .check .txt{height:40px}
.chk_input .check input[type="text"],
.chk_input .check .select{position:absolute;top:0;z-index:-1;visibility:hidden;margin-left:5px;width:100px}
.chk_input .check input:checked + .ico + .txt + input[type="text"],
.chk_input .check input:checked + .ico + .txt + .select{visibility:visible;position:static;z-index:0}

/* search_form check */
.search_form .ul_inblock{flex-wrap:wrap;}
.search_form .ul_inblock li{padding-bottom:4px;padding-right:4px;vertical-align:top}
.search_form .check .ico{display:none}
.search_form .check .txt{display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border:1px solid #CCC;word-break:keep-all;background:#fff;}
.search_form .check input:checked + .ico + .txt,
.search_form .check input:checked + input[type="hidden"] + .ico + .txt{border:1px solid #890A2A;font-weight:600;color:#890A2A}


/* sq_radio */
.sq_radio li{vertical-align:top}
.sq_radio .radio .ico{display:none}
.sq_radio .radio .txt{display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border:1px solid #CCC;word-break:keep-all;background:#fff;}
.sq_radio .radio input:checked + .ico + .txt{border:1px solid #890A2A;font-weight:600;color:#890A2A}
.table_wrap table.t_view .sq_radio .radio{margin:5px 0}


/*테이블 - 리스트*/
.table_wrap table.t_list thead th{padding:16px 5px;text-align:center;color:#333333;border-bottom:1px solid #D0D0D0;font-weight:600;letter-spacing:-0.5px;}
.table_wrap table.t_list thead th.th_line{padding:10px 5px;}
.table_wrap table.t_list tbody th{padding:16px 5px;color:#333333;text-align:center;font-weight:600;border-bottom:1px solid #E0E0E0;background:#F8F8F8;border-right:1px solid #E0E0E0;letter-spacing:-0.5px;}
.table_wrap table.t_list tbody td{padding:14px 5px;text-align:center;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;letter-spacing:-0.5px;}
.table_wrap table.t_list tbody th.th_line{    line-height:1.3em;padding:8px 5px;}
.table_wrap table.t_list thead th.last,
.table_wrap table.t_list tbody th.last,
.table_wrap table.t_list tfoot th.last,
.table_wrap table.t_list tbody td.last,
.table_wrap table.t_list tbody th:last-child,
.table_wrap table.t_list tbody td:last-child{border-right:none;}
.table_wrap table.t_list tbody td.title{text-align:left;padding-left:10px;padding-right:10px;clear:both;overflow:hidden;}
.table_wrap table.t_list tbody td.title a{padding-bottom:1px;color:#103ea6;text-decoration:underline}
.table_wrap table.t_list tbody td.title a:hover{opacity:0.8}
.table_wrap table.t_list tbody td.title a.ell{white-space:nowrap;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 45px);}
.table_wrap table.t_list tbody td.title a.ell.wid100p{white-space:nowrap;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:auto !important;max-width:100%;}
.table_wrap table.t_list tbody td.title a.ic_file{border-bottom:none;}

.table_wrap table.t_list tbody td .new{color:#ff0008;font-weight:600;}
.table_wrap table.t_list tbody td.td_btn{padding:9px 5px;}
.table_wrap table.t_list tbody th.td_btn{padding:9px 5px;}
.table_wrap table.t_list tbody td .btn01
.table_wrap table.t_list tbody td .btn01 + .btn01{margin-left:5px;}
.table_wrap table.t_list tbody td .btn01.wid50{min-width:50px;}
.table_wrap table.t_list tbody td .date{display:inline-block;padding-left:0;background:url('images/common/table_ic03.png')  no-repeat 0 center;}
.table_wrap table.t_list tbody td .date1{display:inline-block;padding-left:20px;background:url('images/common/table_ic02.png')  no-repeat 0 center;}
.table_wrap table.t_list tbody td .date2{display:inline-block;padding-left:20px;background:url('images/common/table_ic01.png')  no-repeat 0 center;}
.table_wrap table.t_list tbody td.td_input{padding:14px 5px;}
.table_wrap table.t_list tbody td.td_input2{padding:9px 5px;}
.table_wrap table.t_list tbody td .ic_secret{display:inline-block;margin-right:3px;width:14px;height:19px;background:url('images/com_/icon_secret.png')  no-repeat 0 center;text-indent:-9999em;}
.table_wrap table.t_list tbody td .ic_file{display:inline-block;margin-left:3px;width:18px;height:19px;background:url('images/com_/icon_file.png')  no-repeat 0 center;text-indent:-9999em;vertical-align:middle;}
.table_wrap img{max-width:100%;}
.table_wrap table.t_list tbody td .img_box img{max-width:100%;max-height:100%}
.table_wrap table.t_list tbody td p.dot + p.dot{padding-top:10px;}

.table_wrap.pc_view.on table.t_list tbody td.input_td{padding:0 0;}
.table_wrap table.t_list tbody td.input_td{padding:5px 5px;}
.table_wrap table.t_list tbody td.td_btn{padding:5px 5px;}
.table_wrap table.t_view tbody td.input_td{padding:5px 15px;}

/* table_list btn */
.table_wrap .btn01{min-width:auto;padding:4px 10px;padding-right:24px;border:1px solid #333;border-radius:3px;font-size:14px;background:url(./images/common/table_btn_arrow_black.png) no-repeat calc(100% - 10px) 50% #fff}
.table_wrap .btn01:hover{border:1px solid #333;color:#fff;background-color:#333;background-image:url(./images/common/table_btn_arrow_white.png);opacity:1}
.table_wrap .btn01.col02{border:1px solid #333;color:#fff;background-color:#333;background-image:url(./images/common/table_btn_arrow_white.png)}
.table_wrap .btn01.col02:hover{color:#333;background-color:#fff;background-image:url(./images/common/table_btn_arrow_black.png)}
.table_wrap .btn01.col03{border:1px solid #CCC;color:#aaa;background-color:#fcfcfc;background-image:url(./images/common/table_btn_arrow_gray.png)}
.table_wrap .btn01.col03:hover{border-color:#333;background-color:#fff;color:#333;background-image:url(./images/common/table_btn_arrow_black.png)}
.table_wrap .btn01.col04,
.table_wrap .btn01.col04:hover{border:1px solid #333;background-color:#fff;color:#333;background-image:url(./images/common/table_btn_arrow_black.png)}
.table_wrap .btn01.view{width:30px;min-width:auto;height:30px;border-radius:3px;border:1px solid #333;text-indent:-9999px;background:#fff no-repeat 50% 50% url(./images/common/btn_view_ic.png);}



.table_wrap.mob_view table.t_list tbody th{padding:18px 10px 18px 10px;text-align:center;font-weight:400;border-bottom:1px solid #E0E0E0;background:#F8F8F8;border-right:1px solid #E0E0E0;letter-spacing:-0.5px;}
.table_wrap.mob_view table.t_list tbody td{text-align:left;padding:18px 10px;}
.table_wrap.mob_view table.t_list tbody td.td_btn{ padding:11px 10px;}
.table_wrap.mob_view table.t_list tbody td.td_input2{padding:9px 10px;}
.table_wrap.mob_view table.t_list tbody td.td_input{padding:9px 10px;}
.table_wrap.mob_view table.t_list tbody td.input_td{padding:9px 10px;}
.table_wrap.mob_view table.t_list tfoot td{text-align:left;padding:18px 10px;}

.table_wrap.mob_view table.t_list tbody td.NO_RESULT {text-align:center;}
.table_wrap.mob_view table thead{display:none;}

/* 테이블 리스트 라인 오버 */
.table_wrap table.t_list.hover tbody tr:nth-child(even){background:#f8f8f9;}
.table_wrap table.t_list.hover tbody tr:hover{background:#f5f5f5;}
/* 테이블 스크롤 */
.table_wrap.table_scroll{overflow-x:auto;}

/*테이블 - 입력*/
.table_wrap table.t_input thead th{padding:18px 10px 18px 20px;font-weight:400;background:#F8F8F8;border-bottom:1px solid #E0E0E0;text-align:center;}
.table_wrap table.t_input tbody th{padding:18px 10px 18px 20px;text-align:left;font-weight:400;border-bottom:1px solid #E0E0E0;border-left:1px solid #E0E0E0;background:#f9fafb;}
.table_wrap table.t_input tbody td{padding:18px 10px 18px 20px;text-align:left;border-bottom:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
.table_wrap table.t_input tbody td.td_input{padding:14px 20px;}
.table_wrap table.t_input tbody td.td_input2{padding:9px 20px;}
.table_wrap table.t_input tbody td.td_input3{padding:4px 20px 14px 20px;}
.table_wrap table .btn01 + .btn01{}
.table_wrap table .select + .btn01{margin-left:5px;}


/*테이블 - 상세*/
.table_wrap table.t_view thead th{padding:18px 10px 18px 20px;font-weight:400;background:#F8F8F8;border-bottom:1px solid #E0E0E0;text-align:center;}
.table_wrap table.t_view thead th.th_line{padding:10px 5px;}
.table_wrap table.t_view tbody th{padding:16px 5px;color:#000;text-align:center;font-weight:600;border-bottom:1px solid #E0E0E0;background:#F8F8F8;border-right:1px solid #E0E0E0;letter-spacing:-0.5px;}
.table_wrap table.t_view tbody th b{font-weight:600;}
.table_wrap table.t_view tbody th.ver_top{vertical-align:top;}

.table_wrap table.t_view tbody td{padding:18px 10px 18px 20px;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
.table_wrap table.t_view.board_view tbody td{border-left:none;}
.table_wrap table.t_view tbody td.td_input{padding:14px 15px;}
.table_wrap table.t_view tbody td.td_input2{padding:9.5px 15px;}
.table_wrap table.t_view tbody td.td_input3{padding:18px 15px;}
.table_wrap table.t_view tbody td.td_input0{padding:0 0;}
.table_wrap table.t_view thead th.last,
.table_wrap table.t_view tbody th.last,
.table_wrap table.t_view tbody td.last{border-right:none;}
.table_wrap table.t_view tbody td input[type="text"]{width:100%}
.table_wrap table.t_view tbody td .flie_list{margin-top:-2px;}
.table_wrap table.t_view tbody td .flie_list li{display:block;margin-top:5px;}
.table_wrap table.t_view tbody td .flie_list li:first-child{margin-top:0;}
.table_wrap table.t_view tbody td .flie_list li a{padding:2px 0 2px 20px;background:url('images/common/ic_file.png') no-repeat 0 3px;color:#006dd2 !important;}
.table_wrap table.t_view tbody td .flie_list li a:hover{text-decoration:underline;}
.table_wrap table.t_view tbody td .td_box{min-height:140px;line-height:1.4em;text-align:left;font-size:15px;   color:#666666;}
.table_wrap table.t_view tbody td.td_input{padding:9px 30px;}
.table_wrap table tfoot th{vertical-align:middle;padding:18px 10px 18px 20px;font-weight:600;border-bottom:1px solid #E0E0E0;border-left:1px solid #E0E0E0;text-align:center;background:#fafafa;}
.table_wrap table tfoot td{padding:18px 10px 18px 20px;font-weight:400;border-bottom:1px solid #E0E0E0;border-left:1px solid #E0E0E0;text-align:center;background:#fff;}
.table_wrap .ably{display:inline-block;margin-right:6px}

.table_wrap table.t_view tfoot th.first,
.table_wrap table.t_view tfoot td.first{border-left:none;}
.table_wrap table.t_list tfoot th.first,
.table_wrap table.t_list tfoot td.first{border-left:none;}

.table_wrap table.t_list tfoot td.td_btn{padding:11px 5px;}
.table_wrap table.t_list tfoot td.td_input2{padding:9.5px 15px;}

.table_wrap table .t_view_th1{width:180px;}
.table_wrap table .t_view_th2{width:130px;}
.table_wrap table .t_view_td1{width:*;}

.table_wrap table.t_view .ph_input01{width:131px;text-align:center;}
.table_wrap table.t_view .ph_input02{width:130px;text-align:center;}
.table_wrap table.t_view .ph_input03{width:130px;text-align:center;}
.table_wrap table.t_view .email_input01{width:197px;}
.table_wrap table.t_view .email_input02{width:182px;}
.table_wrap table.t_view .email_input03{width:130px;}
.table_wrap table.t_view .ul_inblock li{}
.table_wrap table.t_view .radio{margin-right:12px}






.col_w30{width:30px;}
.col_w40{width:40px;}
.col_w50{width:50px;}
.col_w60{width:60px;}
.col_w70{width:70px;}
.col_w80{width:80px;}
.col_w90{width:90px;}
.col_w100{width:100px;}
.col_w110{width:110px;}
.col_w120{width:120px;}
.col_w130{width:130px;}
.col_w140{width:140px;}
.col_w150{width:150px;}
.col_w160{width:160px;}
.col_w170{width:170px;}
.col_w180{width:180px;}
.col_w190{width:190px;}
.col_w200{width:200px;}
.col_w220{width:220px;}
.col_w230{width:230px;}
.col_w240{width:240px;}
.col_w250{width:250px;}
.col_w260{width:260px;}
.col_w270{width:270px;}
.col_w280{width:280px;}
.col_w300{width:300px;}
.col_w350{width:350px;}
.col_w400{width:400px;}
.col_w500{width:500px;}



.table_top{clear:both;overflow:hidden;}
.table_top .warn,
.table_wrap .warn{font-size:15px;color:#B39163}
.table_top .m_list_view{display:none;float:right;}
.table_top .m_list_view ul{clear:both;overflow:hidden;}
.table_top .m_list_view ul li{float:left;}
.table_top .m_list_view ul li + li{margin-left:-1px;}
.table_top .m_list_view ul li a{display:block;width:40px;height:36px;text-indent:-9999em;opacity:0.6;border:1px solid #b6b6b6;}
.table_top .m_list_view ul li.on{position:relative;}
.table_top .m_list_view ul li.on a{opacity:1;}
.table_top .m_list_view ul li a.pc_view{background:url("images/com_/mob/m_tab_list_1.png") no-repeat 50% 50%;background-size:20px auto;}
.table_top .m_list_view ul li.on a.pc_view{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_1_on.png") no-repeat 50% 50%;background-size:18px auto;}
.table_top .m_list_view ul li a.mob_view{background:url("images/com_/mob/m_tab_list_2.png") no-repeat 50% 50%;background-size:20px auto;}
.table_top .m_list_view ul li.on a.mob_view{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_2_on.png") no-repeat 50% 50%;background-size:18px auto;}
.table_top .m_list_view ul li a.pc_view_list2{background:url("images/com_/mob/m_tab_list_1.png") no-repeat 50% 50%;background-size:20px auto;}
.table_top .m_list_view ul li.on a.pc_view_list2{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_1_on.png") no-repeat 50% 50%;background-size:18px auto;}
.table_top .m_list_view ul li a.mob_view_list2{background:url("images/com_/mob/m_tab_list_2.png") no-repeat 50% 50%;background-size:20px auto;}
.table_top .m_list_view ul li.on a.mob_view_list2{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_2_on.png") no-repeat 50% 50%;background-size:18px auto;}
.table_top + .table_list_wrap{margin-top:10px}
.top_btn_wrap{padding-top:20px;text-align:right;}
.table_wrap.mob_view{display:none;}
.total_cnt{padding:10px 20px;border-radius:50px;font-weight:500;font-size:14px;color:#222;line-height:1;background:#F8F8F8}
.total_cnt span{font-weight:600;font-size:18px;color:#8b0029}
div + .total_cnt{margin-left:5px}

.survey_wrap + .table_wrap,
.table_wrap + .survey_wrap{margin-top:20px}

.tab_top_wrap{clear:both;overflow:hidden;}
.tab_top_wrap .m_list_view{display:none;float:right;}
.tab_top_wrap .m_list_view ul{clear:both;overflow:hidden;}
.tab_top_wrap .m_list_view ul li{float:left;}
.tab_top_wrap .m_list_view ul li + li{margin-left:-1px;}
.tab_top_wrap .m_list_view ul li a{display:block;width:40px;height:36px;text-indent:-9999em;opacity:0.6;border:1px solid #b6b6b6;}
.tab_top_wrap .m_list_view ul li.on{position:relative;}
.tab_top_wrap .m_list_view ul li.on a{opacity:1;}
.tab_top_wrap .m_list_view ul li a.pc_view{background:url("images/com_/mob/m_tab_list_1.png") no-repeat 50% 50%;background-size:20px auto;}
.tab_top_wrap .m_list_view ul li.on a.pc_view{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_1_on.png") no-repeat 50% 50%;background-size:18px auto;}
.tab_top_wrap .m_list_view ul li a.mob_view{background:url("images/com_/mob/m_tab_list_2.png") no-repeat 50% 50%;background-size:20px auto;}
.tab_top_wrap .m_list_view ul li.on a.mob_view{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_2_on.png") no-repeat 50% 50%;background-size:18px auto;}
.tab_top_wrap .m_list_view ul li a.pc_view_list2{background:url("images/com_/mob/m_tab_list_1.png") no-repeat 50% 50%;background-size:20px auto;}
.tab_top_wrap .m_list_view ul li.on a.pc_view_list2{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_1_on.png") no-repeat 50% 50%;background-size:18px auto;}
.tab_top_wrap .m_list_view ul li a.mob_view_list2{background:url("images/com_/mob/m_tab_list_2.png") no-repeat 50% 50%;background-size:20px auto;}
.tab_top_wrap .m_list_view ul li.on a.mob_view_list2{border:1px solid #870B2A;background:url("images/com_/mob/m_tab_list_2_on.png") no-repeat 50% 50%;background-size:18px auto;}

/* 이미지 갤러리 */
.img_table{}
.img_table ul{clear:both;overflow:hidden;}
.img_table ul li{width:calc(25.20% - 10px);overflow:hidden;margin-left:10px;margin-bottom:10px;float:left;padding:10px;border:1px solid #ccc;}
.no_left_gnb .img_table ul li{width:calc(25.2% - 10px);margin-left:10px;margin-bottom:10px;float:left;padding:10px;border:1px solid #ccc;}
.img_table ul li:nth-child(4n +1) {margin-left:0;}
.img_table ul li .swiper-container{height:150px;}
.img_table ul li .swiper-container .swiper-slide{border:none;}
.img_table ul li .swiper-container .swiper-slide img{max-width:100%;max-height:150px;}
.img_table ul li .img_box{text-align:center;width:100%;height:150px;display:table;}
.img_table ul li .img_box span{display:table-cell;vertical-align:middle;text-align:center;}
.img_table ul li .img_box span img{max-width:100%;max-height:150px;}
.img_table ul li .sub_text{padding-top:5px;padding-bottom:5px;height:24px;font-size:14px;text-align:center;}
.img_table ul li .t_view th,.img_table ul li .t_view td{font-size:12px;   padding:14px 5px;text-align:center;}
.img_table ul li .table_wrap table.t_view tbody td.td_input2{padding:5px 5px ;}
.img_table ul li .table_wrap table.t_view tbody td.td_input2 select{height:30px;}
.img_table ul li .btn_box_{clear:both;overflow:hidden;padding-top:10px;}
.img_table ul li .btn_box_ .btn01{font-size:12px;float:left;padding:9px 1px;}
.img_table ul li .btn_box_.a01 .btn01{width:100%;}
.img_table ul li .btn_box_.a02 .btn01{width:49%;}
.img_table ul li .btn_box_.a02 .btn01 +.btn01{margin-left:2%;}

.img_table ul li.NO_RESULT{width:100%;}

/*이전글 다음글*/
.prevnext {margin-top:-1px;}
.prevnext li{padding:0 30px;border-bottom:1px solid #d9d9d9;line-height:44px;clear:both;overflow:hidden;}
.prevnext li:first-child{border-top:1px solid #E0E0E0;line-height:44px;}
.prevnext li a.btn_prev{float:left;padding-right:43px;background:url('images/common/btn_prev.png') no-repeat 50px center;}
.prevnext li a.btn_prev:focus,
.prevnext li a.btn_prev:hover{background:url('images/common/btn_prev_on.png') no-repeat 50px center;}
.prevnext li a.btn_next{float:left;padding-right:43px;background:url('images/common/btn_next.png') no-repeat 50px center;}
.prevnext li a.btn_next:focus,
.prevnext li a.btn_next:hover{background:url('images/common/btn_next_on.png') no-repeat 50px center;}
.prevnext li a span{padding-left:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/* input-파일 */
.ajax-file-upload.btnTypeDef{padding-top:0;display:inline-block;width:94px;height:40px; line-height:40px;float:left;padding:0;font-size:15px;color:#87122B; text-align:center;border:1px solid #87122B;background:#fff; box-sizing:border-box;border-radius:0;cursor:pointer;}
.COMMON_FILEUPLOAD .ui-sortable{clear:both;overflow:hidden;}
.COMMON_FILEUPLOAD .ui-sortable li{margin-top:10px;}

/* ul정렬*/
.ul_list{clear:both;overflow:hidden;}
.ul_list li{display:block;float:left;padding-right:10px;}
.ul_list li:LAST-CHILD{padding-right:0;}
.ul_list2{clear:both;overflow:hidden;}
.ul_list2 li{display:block;padding-top:10px;}
.ul_list2 li:FIRST-CHILD{padding-top:0;}
.ul_list2 li dl{}
.ul_list2 li dt{display:inline-block;}
.ul_list2 li dd{display:inline-block;}
.ul_list2.w2 li{}
.ul_list2.w2 li{width:50%;float:left;padding-bottom:10px;padding-top:0;}
.ul_list2.w2 li:nth-last-child(1){padding-bottom:0;}
.ul_list2.w2 li:nth-last-child(2){padding-bottom:0;}
.ul_list2.label_pop li{padding-left:96px;text-indent:-94px;line-height:1.6em;}


/* 개인정보동의박스 */
.terms_wrap + .terms_wrap{margin-top:40px}
.terms_wrap .terms_title{padding-left:34px;margin-bottom:20px;color:#000;font-size:24px;font-weight:600;background:no-repeat 0 50% url(./images/common/terms_p_info_ic.png)}
.terms_wrap .terms_title .col_red{color:#FC1F19}
.terms_wrap .terms_title.s_info{background-image:url(./images/common/terms_s_info_ic.png)}
.terms_wrap .warn{margin-top:15px;font-size:15px;color:#D95651}
.terms_wrap .terms_box{padding:26px;background:#F8F8F8}
.terms_wrap .terms_box dl + dl{margin-top:20px}
.terms_wrap .terms_box dt{margin-bottom:10px;font-weight:600;color:#000;font-size:20px}
.terms_wrap .terms_box dd{position:relative;padding-left:10px;color:#444}
.terms_wrap .terms_box dd + dd{margin-top:5px}
.terms_wrap .terms_box dd::before{content:'';display:block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background:#999}
.terms_wrap .terms_chk{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:10px 30px;border:1px solid #D33730;font-weight:500;font-size:18px;color:#D33730;background:#FCEFEE;height: 100px;}
.terms_wrap .terms_chk p{width:calc(100% - 50%)}
.terms_wrap .terms_chk .txt{padding:0;padding-right:32px}
.terms_wrap .terms_chk .ico{left:auto;right:4px;top: 3px;width:20px;height:20px;border:2px solid #D43B33;border-radius:50%;background:none}
.terms_wrap .terms_chk label.check .ico{top:50%;}
.terms_wrap .terms_chk input:checked + .ico{border-color:#D43B33;background:none}
.terms_wrap .terms_chk input:checked + .ico::after{content:'';display:block;position:absolute;top:-6px;left:auto;right:-7px;width:23px;height:22px;margin:0;background:url(./images/common/terms_chk.png) no-repeat 50% 50%}
.fin_chk{display:flex;align-items:center;justify-content:center;margin-top:40px;}
.fin_chk .check{padding:5px 10px;}
.fin_chk .check .txt{padding-left:0;padding-right:30px;font-weight:500;font-size:18px;color:#7F0F2C}
.fin_chk .check strong{background:linear-gradient(to bottom, transparent 65%, #FBDDDD 35%)}
.fin_chk .check .ico{left:auto;right:5px;width:25px;height:25px;margin-top:-12px;border-radius:10px;border:2px solid #A1A1A1}
.fin_chk .check .ico::after{content:'';display:none;position:absolute;top:-8px;right:-10px;width:30px;height:27px;background:url(./images/common/fin_chk_ic.png) no-repeat 50% 50%}
.fin_chk .check input:checked + .ico{background:#fff}
.fin_chk .check input:checked + .ico::after{display:block}

.terms_wrap .terms_chk .consent_mark img{padding: 3px 0 0 5px;}
.tooltip{display: none;position: absolute;top: 30px;left: 0;width: 280px;padding: 10px 15px;border-radius: 3px;font-size: 14px;color: #fff;background: #222;}
.tooltip::after {content: '';display: block;position: absolute;top: -6px;left: 5px;width: 0px;height: 0px;border-style: solid;border-width: 0 4px 6px 4px;border-color: transparent transparent #222 transparent;}
.terms_chk > ul li:nth-child(2){position: relative;vertical-align: middle;}
.terms_chk > ul li:nth-child(2):hover label + .tooltip{display:block;}
.terms_chk .radio .txt{display: block;}
.ul_inblock .consent_mark img {cursor: pointer; }
.ul_inblock{display: flex; align-items: center;}
.agree_info .q_mark{position: relative;padding-right: 50px!important;}
.agree_info .q_mark::after{content: '?';display: inline-block;width: 20px;height: 20px;border-radius: 50%;margin-left: 8px;color: #fff;line-height: 20px;text-align: center;font-size: 13px; font-weight: 600;background: #890A2A;position: absolute;top: 3px;right: 27px;}



/* 페이징 */
.tab_bottom{clear:both;overflow:hidden;}
.tab_bottom p{color:#666666;}
.tab_bottom p span{display:inline-block;color:#333333;font-size:15px;font-weight:600;line-height:1;}
.tab_bottom + .table_wrap{margin-top:20px;}

/* pageList */
.pageList{display:flex;align-items:center;justify-content:center;padding:20px 0}
.pageList li{margin:0;text-align:center}
.pageList li + li{margin-left:5px}
.pageList li a{display:block;position:relative;width:32px;height:32px;border-radius:50%;background:none;line-height:32px;font-size:13px;color:#666}
.pageList li.on a,
.pageList li a:hover{background:#F5F4F2;font-weight:600;color:#84765E}
.pageList li:nth-child(1) a,
.pageList li:nth-child(2) a,
.pageList li:nth-last-child(2) a,
.pageList li:last-child a{width:32px;height:32px;border:1px solid #E8E8E8;border-radius:50%;text-indent:-9999px;background:#fff no-repeat 50% 50%}
.pageList li:nth-child(2) a{margin-right:20px}
.pageList li:nth-last-child(2) a{margin-left:20px}
.pageList li:nth-child(1) a:hover::before,
.pageList li:nth-child(2) a:hover::before,
.pageList li:nth-last-child(2) a:hover::before,
.pageList li:last-child a:hover::before{display:none}
.pageList li:nth-child(1) a{background-image:url(./images/common/pageing_ic_first.png)}
.pageList li:nth-child(2) a{background-image:url(./images/common/pageing_ic_prev.png)}
.pageList li:nth-last-child(2) a{background-image:url(./images/common/pageing_ic_next.png)}
.pageList li:last-child a{background-image:url(./images/common/pageing_ic_last.png)}
.pageList li:nth-child(1) a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_first_over.png)}
.pageList li:nth-child(2) a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_prev_over.png)}
.pageList li:nth-last-child(2) a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_next_over.png)}
.pageList li:last-child a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_last_over.png)}

/* page_list */
.page_list{display:flex;align-items:center;justify-content:center;padding:20px 0}
.page_list li{margin:0;text-align:center}
.page_list li + li{margin-left:5px}
.page_list li a{display:block;position:relative;min-width:15px;height:32px;background:none;line-height:32px;font-size:13px;color:#666}
.page_list li a::before{content:'';display:none;position:absolute;left:50%;bottom:6px;width:8px;height:2px;margin-left:-3px;background:#870B2A}
.page_list li.on a,
.page_list li a:hover{background:none;font-weight:600;color:#870B2A}
.page_list li.on a::before,
.page_list li a:hover::before{display:block}
.page_list li:nth-child(1) a,
.page_list li:nth-child(2) a,
.page_list li:nth-last-child(2) a,
.page_list li:last-child a{width:32px;height:32px;border:1px solid #E8E8E8;border-radius:50%;text-indent:-9999px;background:#fff no-repeat 50% 50%}
.page_list li:nth-child(2) a{margin-right:20px}
.page_list li:nth-last-child(2) a{margin-left:20px}
.page_list li:nth-child(1) a:hover::before,
.page_list li:nth-child(2) a:hover::before,
.page_list li:nth-last-child(2) a:hover::before,
.page_list li:last-child a:hover::before{display:none}
.page_list li:nth-child(1) a{background-image:url(./images/common/pageing_ic_first.png)}
.page_list li:nth-child(2) a{background-image:url(./images/common/pageing_ic_prev.png)}
.page_list li:nth-last-child(2) a{background-image:url(./images/common/pageing_ic_next.png)}
.page_list li:last-child a{background-image:url(./images/common/pageing_ic_last.png)}
.page_list li:nth-child(1) a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_first_over.png)}
.page_list li:nth-child(2) a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_prev_over.png)}
.page_list li:nth-last-child(2) a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_next_over.png)}
.page_list li:last-child a:hover{border-color:#870B2A;background-image:url(./images/common/pageing_ic_last_over.png)}

/* 페이지 정보 */
.table_list_data{clear:both;overflow:hidden;}
.table_list_data li.first{float:left;}
.table_list_data li.last{float:right;}
.table_list_data li dl dt,.table_list_data li dl dd{display:inline-block;}
.table_list_data li dl dt{font-size:14px;}
.table_list_data li dl dd{padding-left:5px;}


/* 검색 폼 */
.table_wrap + .search_form{margin-top:40px;}
.search_form + .table_wrap{margin-top:40px;}
.search_form .select + .select{margin-left:2px;}


/* .search_form */
.search_form{width:100%;padding:30px 40px;margin-bottom:20px;border-radius:10px;background:#F8F8F8}
.search_form > li{display:flex;flex-wrap:wrap;}
.search_form > li dl{width:25%;padding:10px;}
.search_form > li.dl3 dl{width:33.33%}
.search_form > li.dl2 dl{width:50%}
.search_form > li.dl5 dl{width:20%}
.search_form > li dl.w_auto{width:auto}
.search_form > li dt{width:100%}
.search_form > li dd{width:100%;padding-top:5px}
.search_form > li.flex_nowrap{flex-wrap:nowrap}
.search_form > li.flex_nowrap dl{width:auto;min-width:15%}
.search_form li .search_title{display:inline-block;height:auto;font-size:16px;vertical-align:middle;word-break:keep-all;color:#333}
.search_form dl dd,
.search_form .line_box{display:flex;align-items:center;}
.search_form .line_box{width:100%}
.search_form dl dd{width:100%}
.search_form input[type="text"]{width:100%;}
.search_form select{width:100%;}
.search_form select + select{margin-left:5px}
.search_form input[type="text"] + .btn01,
.search_form input + .btn01{width:100px;margin-left:5px;}
.search_form .comm_set + input[type="text"],
.search_form .cdDiv + input[type="text"],
.search_form .cd + input[type="text"]{margin-top:0}
.search_form li .search_title{font-weight:600}
.search_form .detail_box{display:flex}
.search_form .detail_box_gp{display:flex;flex-wrap:wrap;}
.search_form > li.user_dl2 dl{width:50%}
.search_form .search_bar_wrap.only_btn{width:auto;border-left:0;text-align:left}
.search_form .search_bar_wrap.only_btn dt{display:none}
.search_form .search_bar_wrap.only_btn dd{width:100%;padding-top:28px;padding-left:0;justify-content:flex-start}
.search_form .ul_inblock .radio{margin-right:10px}

.search_form.arb_type li dl{width:auto;}
.search_form.arb_type li dl.search_bar_wrap{width:auto;}
.search_form.arb_type li dl .cdDiv{width:auto;}
.search_form.arb_type li dl .select{min-width:80px;}
.search_form.arb_type input[type="text"].hasDatepicker, .search_form.arb_type input[type="text"].hasDatetimepicker{width:140px !important;}

/* search_bar_wrap */
.search_form > li dl + .search_bar_wrap{width:75%}
.search_form > li dl + dl + .search_bar_wrap,
.search_form > li dl.col2 + .search_bar_wrap{width:50%}
.search_form > li dl + dl.col2 + .search_bar_wrap{width:100%}
.search_form > li dl.wid100p + .search_bar_wrap,
.search_form > li .search_bar_wrap{width:100%}
.search_form > li.dl3 dl + .search_bar_wrap{width:66.66%}
.search_form > li dl.col2{width:50%}
.search_form > li.dl5 dl{width:20%}
.search_form > li.dl5 dl.col2{width:40%}
.search_form > li.dl5 dl.col2 + .search_bar_wrap{width:60%}
.search_form .comm_set,
.search_form .cdDiv,
.search_form .cd,
.search_form > li .line_box .comm_set,
.search_form > li .line_box .cdDiv,
.search_form > li .search_bar_wrap select{width:100%;}
.search_form > li .flex_date .comm_set,
.search_form > li .flex_date .cdDiv{width:120px}
.search_form > li .search_bar_wrap .cdDiv + input[type="text"],
.search_form > li .search_bar_wrap .comm_set + input[type="text"],
.search_form > li .search_bar_wrap select + input[type="text"]{width:calc(100% - 260px);}
.search_form > li .search_bar_wrap input[type="text"]{width:calc(100% - 150px);}
.search_form .search_bar_wrap .btn01{min-width:auto;height:38px;padding:0;line-height:38px}
.search_form .search_bar_wrap .btn01 + .btn01{margin-left:5px}
.search_form .search_bar_wrap #resetBtn,
.search_form .search_bar_wrap #dialogResetBtn{text-indent:-9999px;background:no-repeat 50% 50%}
.search_form .search_bar_wrap #searchBtn,
.search_form .search_bar_wrap #dialogSearchBtn{width:100px;min-width:40px;height:40px;border-radius:5px;border:0;color:#fff;font-size:14px;text-align:center;background-color:#282828;}
.search_form .search_bar_wrap #searchBtn span,
.search_form .search_bar_wrap #dialogSearchBtn span{display:inline-block;padding:4px 0;padding-left:24px;background:url(./images/common/search_btn_ic.png) no-repeat 0 50%}
.search_form .search_bar_wrap #resetBtn,
.search_form .search_bar_wrap #dialogResetBtn{width:40px;min-width:40px;border:1px solid #282828;border-radius:5px;text-indent:-9999px;background:url(./images/common/reset_btn_ic.png) no-repeat 50% 50% #fff}
.search_form .search_bar_wrap .btn01:hover{opacity:0.8}
.search_form input[type="text"].hasDatepicker,
.search_form input[type="text"].hasDatetimepicker{width:calc(50% - 10px) !important;}
.search_form input[type="text"].hasDatepicker.wid100p{width:100%! important}
.search_form .hasDatepicker + span{width:20px;text-align:center}
.search_form li.only_btn{text-align:center;padding:20px 0 10px}
.search_form a.btn01.org_search{width:auto;min-width:90px;padding:8px 2px;border-color:#848C93;border-radius:5px;background:#848C93;color:#fff;word-break:keep-all}
.search_form a.btn01.coBtn{border-radius:50px;}
.search_form input.orgSearch{width:calc(100% - 95px)}
.search_form .search_bar_wrap .comm_set,
.search_form .search_bar_wrap .cdDiv,
.search_form .search_bar_wrap .select{width:200px}
.search_form .search_bar_wrap.only{padding:10px 0;text-align:center}
.search_form .cd,
.search_form .comm_set .cd,
.search_form .comm_set .select,
.search_form .cdDiv .cd,
.search_form .cdDiv .select,
.search_form .select{width:100%}
.search_form .select + input,
.search_form .comm_set + input,
.search_form .cdDiv + input,
.search_form .cd + input{margin-left:5px}
.search_form .ul_list2 li{display:inline-block}

/* search_form detail */
.search_form .btn01.det_btn{width:100px;padding:0;border:1px solid #282828;border-radius:5px;background:none;font-size:13px;color:#282828;background:#fff}
.search_form .btn01.det_btn span{position:relative;padding:0;}
.table_top a.btn01{    padding:7px 13px;   font-size:13px;}

.search_wrap.resume{padding-bottom:30px;}
.search_wrap.resume .search_box{background:#fafbfb; border:1px solid #c8d0df;padding:30px 30px;text-align:center;}
.search_wrap.resume .search_box input[type=text]{border:1px solid #4a6596;}
.search_wrap.resume .search_box .wid740{width:740px;}
.search_wrap.resume .search_box .wid700{width:700px;}
.search_wrap.resume .search_box span{font-family:'Noto Sans';font-size:14px;padding-right:10px;height:34px;line-height:34px;}
.search_wrap.resume .search_box p{font-size:20px;}
.fileimg_wrap130{width:130px; height:150px;margin:0 auto}


/* 팝업 */
.dn{display:none;}
.dialog_wrap{padding:10px;border:1px solid #ccc;}
.popup_bg{overflow:hidden; position:fixed; top:0px; left:0px; bottom:0; right:0; z-index:49; background:#000; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;}
.ui-dialog *,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{font-family:'Noto Sans', sans-serif;}
.ui-widget.ui-widget-content{padding:0;position:absolute;}
.ui-datepicker.ui-widget.ui-widget-content{transform:translate(0,0)}
.ui-widget.ui-widget-content .ui-widget-content{position:static;transform:translate(0,0);}
.ui-dialog .ui-dialog-titlebar{position:relative; text-align:left; padding:12px 30px;background:#870B2A;}
.ui-dialog .ui-dialog-title{font-size:18px;font-weight:600;color:#fff;margin:0;}
.ui-dialog h4{font-size:20px;font-weight:600;margin-top:0;}
.ui-widget-content{color:#333333;}
.ui-dialog .ui-dialog-buttonpane{display:block;padding:20px 0 40px;border:none;text-align:center;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;min-width:90px;}
.ui-widget .ui-widget{font-size:13px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{}
.ui-dialog .ui-dialog-buttonpane button{min-width:120px;height:auto;padding:12px 5px;background:#ffffff;font-size:15px;border:1px solid #323942;color:#37343f;margin:0;border-radius:3px;}
.ui-dialog .ui-dialog-buttonpane button:first-child{margin-left:0;}
.ui-dialog .ui-dialog-buttonpane button:hover{background:#eef9f2; border:1px solid #4bb980;color:#4bb980;}
.ui-dialog .ui-dialog-buttonpane button.col02{background:#009fd9;color:#fff;border:1px solid #009fd9;}
.ui-dialog .ui-dialog-buttonpane button.col03{background:#8d9caf;color:#fff;border:1px solid #8d9caf;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:0;}
.ui-button.ui-corner-all{display:inline-block;padding:12.5px 5px; text-align:center;line-height:1;color:#fff;background:#ffffff;border:1px solid #323942;}
.ui-dialog .ui-dialog-titlebar-close{height:50px;width:50px;min-width:16px; right:0;top:0;margin:0; background:url('images/com_/pop_close.png') no-repeat 50% 50%;border:none;}
.ui-dialog .ui-dialog-titlebar-close:hover{}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{display:none;}
.ui-widget.ui-widget-content{border:none;}
.COMMON_TAB.tabmenu_wrap.ui-widget.ui-widget-content{position:static;transform:inherit;}
.ui-widget-header{border:none;}
.ui-dialog .ui-dialog-content{overflow:visible;padding:30px 30px 30px 30px;}
.ui-widget-overlay{position:fixed; background:#000; opacity:0.8;}
.ui-dialog-buttonset .ui-button{min-width:90px;}
.ui-dialog textarea{min-height:150px;}
.ui-dialog .table_wrap table tbody td .td_box{min-height:80px;}
.ui-dialog .table.t_input .file_input_textbox{width:288px;}
.ui-dialog  .search_form select{min-width:100px;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close{background:#fff; border:1px solid #000;color:#000;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close:hover{background:#fff; border:1px solid #000;color:#000;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf {color:#fff;background:#870B2A; border:1px solid #870B2A;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf  span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover {background:#870B2A ; border:1px solid #870B2A ;color:#fff;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del {color:#ffffff;background:#8d9cae; border:1px solid #8d9cae;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del  span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del:hover {background:#eef9f2; border:1px solid #4bb980;color:#4bb980;}
.ui-dialog .ui-dialog-buttonpane button + button{margin-left:10px;}
.ui-datepicker .mtz-monthpicker{padding:10px}
.mtz-monthpicker .select,
.mtz-monthpicker{width:100%}
.ui-datepicker .mtz-monthpicker select{padding:0 10px}
.ui-datepicker .mtz-monthpicker{margin:0}
.ui-datepicker .mtz-monthpicker-month{cursor:pointer}
.ui-datepicker .mtz-monthpicker-month:hover{background:#dbdbdb}
.ui-datepicker .mtz-monthpicker-month.ui-state-active:hover{background:#85122B}
.mlt_msg li .required{vertical-align:middle}

.ui-dialog .pop_max{display:none;width:30px;height:50px;position:absolute;top:0;right:50px;}
.ui-dialog .pop_max::before,
.ui-dialog .pop_max::after{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;border:1px solid #fff;background:#870B2A;box-sizing:border-box}
.ui-dialog .pop_max::before{display:none;top:12px;left:auto;right:0;width:15px;height:15px;margin:0}
.ui-dialog.max_on{width:100% !important;max-width:100% !important;left:0 !important;top:0 !important}
.ui-dialog.max_on .pop_max::before{display:block;}
.ui-widget-overlay + .ui-datepicker{z-index:1000 !important}


/* 팝업 디자인 */
.popup_guide_line .search_form select{min-width:100px;}

/* ui-dialog */
.ui-widget.ui-widget-content{overflow:hidden;border-radius:5px;padding:0 40px}
.ui-widget.ui-datepicker{padding:0}
.ui-dialog .ui-dialog-titlebar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:80px;padding:20px 0 10px;border-bottom:1px solid #7A7A7A;background:#fff}
.ui-dialog .ui-dialog-titlebar::before,
.ui-dialog .ui-dialog-titlebar::after{display:none}
.ui-dialog .ui-dialog-title{width:calc(100% - 50px);font-weight:600;font-size:28px;color:#000}
.ui-dialog .ui-dialog-titlebar-close{position:static;width:40px;height:40px;border-radius:5px;background:#000 no-repeat 50% 50% url(./images/common/dialog_close_ic.png)}
.ui-dialog .ui-dialog-content{padding:30px 0}
.ui-dialog .ui-dialog-buttonpane button{border-radius:50px}
.dialog_loading .ui-dialog-titlebar{display:none}
.popup_btn{padding-top:40px}
.popup_btn .btn01{padding:10px 20px;border-radius:50px;font-size:18px;text-align:left}
.popup_w .ui-widget.ui-widget-content{padding:0}
.popup_w .ui-tabs .ui-tabs-nav{padding:0}

/* flex_box */
.flex_box,
.flex_date,
.line_box{display:flex;align-items:center;}
.flex_between{display:flex;align-items:center;justify-content:space-between;clear:none;overflow:visible}
.flex_end{display:flex;align-items:center;justify-content:flex-end}
.flex_box .btn01{white-space:nowrap}
.flex_box > * + *,
.flex_box span + input[type=text],
.flex_box input[type=text] + input[type=text],
.flex_box input[type=text] + span{margin-left:5px}
.flex_box input[type="hidden"] + *,
.flex_box * + input[type="hidden"]{margin-left:0}
.flex_box + .flex_box{margin-top:5px}
.flex_box .hasDatepicker{max-width:200px}
.flex_box .hasDatepicker + .select select{width:200px}
.requiredHeader{padding:5px 10px}
.btn01#resumeBtn{width:120px}
.table_wrap input[type="text"] + .btn01,
.table_wrap textarea + .btn01,
.table_wrap .COMMON_FILEUPLOAD + .btn01{margin-left:5px}
.hide_text + .line_box.inv_type_flex .cdDiv{display:none;}
.line_box.inv_type_flex .cdDiv{width:auto;min-width:120px;}
.line_box.inv_type_flex .hasDatetimepicker.hasDatepicker{width:auto;min-width:200px;}

.flex_box.recm_type .cdDiv{width:auto;min-width:120px;}
.flex_box.recm_type_view > span{width:auto;}
.flex_box.recm_type .cdDiv + input{max-width:120px;}
.flex_box.rcrt_rcmd_type .cdDiv{width:auto;}
.flex_box.apply_type .cdDiv{min-width:760px;}
.flex_box.apply_type_view > span{width:auto;}

/* 설문통계 */
.h_graph dl { padding-left:20px; position:relative; }
.h_graph .g_term { width:30%; line-height:1.5; position:relative; }
.h_graph .g_term .survey_head { display:inline-block; margin-left:-20px; width:20px; }
.h_graph dl + dl { margin-top:18px; }
.h_graph dl dd { width:65%; height:15px; position:absolute; right:0; top:50%; margin-top:-6px; background:#fff;}
.h_graph .g_bar{display:inline-block;position:relative;height:15px;background:#870B2A;position:relative;}
.h_graph .g_bar:after { display:block; width:100%; height:50%;content:"";background:#870B2A; position:absolute;left:0;bottom:0;}
.h_graph .g_bar span{position:absolute;top:0;right:0;padding-right:5px;color:#fff;height:15px;line-height:15px;text-align:right;z-index:1;}
.h_graph .g_bar span{display:inline-block; color:#222; text-align:left; font-weight:bold; left:0px; margin-right:10px; padding-left:10px; width:100px;}
.h_graph.text_view dl dd { background:none;}

/* 라디오버튼 체크박스 스타일 */
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-radius:0}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-radius:0}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{box-sizing:content-box}

.checkbox_style .ui-button.ui-checkboxradio-label{padding:0;border:none;background:#fff;color:#222;}
.checkbox_style .ui-button.ui-checkboxradio-label:hover{border:none !important;background:#fff;color:#222;}
.checkbox_style .ui-checkboxradio-icon.ui-icon.ui-icon-background.ui-icon-blank{width:15px;height:15px;background:url('images/common/check01.png') no-repeat center center;}
.checkbox_style .ui-checkboxradio-icon.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked{width:15px;height:15px;background:url('images/common/check01_on.png') no-repeat center center;}
.checkbox_style .ui-checkboxradio-label .ui-icon-background{box-shadow:none;}
.checkbox_style .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon{border:none;}
.checkbox_style li{padding-right:20px;}

.radio_style .ui-state-active.ui-icon-background{border:none;width:21px;height:21px;background:url('images/common/radio01_on.png') no-repeat center center;}
.radio_style .ui-state-active.ui-icon-background:hover{border:1px solid red;}
.radio_style .ui-icon-background,
.radio_style .ui-button.ui-checkboxradio-label{padding:0;border:none;background:transparent;color:#222;}
.radio_style .ui-button.ui-checkboxradio-label:hover{border:none;background:transparent;color:#000;}
.radio_style .ui-checkboxradio-icon.ui-icon.ui-icon-background.ui-icon-blank{width:16px;height:16px;background:url('images/common/radio01.png') no-repeat center center;box-shadow:none;}
.radio_style .ui-checkboxradio-checked .ui-checkboxradio-icon.ui-icon.ui-icon-background{width:16px;height:16px;background:url('images/common/radio01_on.png') no-repeat center center;box-shadow:none;}
.radio_style .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon{border:none;}



/* 로딩중 */
.loading_wrap{width:60px;height:60px;text-indent:-9999em;margin:0 auto;background:url('images/common/loading.gif') no-repeat center center;}

/* 탭 */
.tab_type1{width:100%;margin-bottom:20px;overflow:visible;text-align:center;overflow:hidden;border-radius:5px;}
.tab_type1 li{display:inline-block;float:left;box-sizing:border-box;padding-right:8px;padding-bottom:8px}
.tab_type1 li a{display:table-cell;height:40px;   vertical-align:middle;   padding:0 30px;   color:#fff;font-size:18px; border-radius:50px;   background:#BDBDBD;   }
.tab_type1 li.last{padding-right:0;}
.tab_type1 li a:hover, .tab_type1 li a:focus,.tab_type1 li a:active, .tab_type1 li.on a{background:#222;}
.tab_cont {display:none;}

.tab_type2 .ui-widget-header{background-color:#fff;}
.tab_type2.ui-tabs .ui-tabs-nav li{margin:0;border:none;font-size:14px;}
.tab_type2.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom:0;}
.tab_type2.ui-tabs .ui-tabs-nav{padding:0;}
.tab_type2.ui-tabs .ui-tabs-nav .ui-tabs-anchor{}
.tab_type2 .ui-state-active,.tab_type2 .ui-widget-content .ui-state-active{padding:0 10px;   text-align:center;font-size:16px;color:#fff;border:1px solid #24aa98;font-weight:400;background:#24aa98;}
.tab_type2.ui-tabs .ui-tabs-panel{padding:10px;min-height:200px;border:1px solid #ccc;}

.tab_type03{display:flex;max-width:300px}
.tab_type03 > li {flex:1;text-align:center}
.tab_type03 > li > a{display:block;padding:6px 10px;border:1px solid #E0E0E0;background:#fff;font-weight:400;font-size:14px;}
.tab_type03 > li > a span{padding:0;white-space:nowrap;}
.tab_type03 > li + li{margin-left:-1px}
.tab_type03 > li:first-child > a{border-radius:50px 0 0 50px}
.tab_type03 > li:last-child > a{border-radius:0 50px 50px 0}
.tab_type03 > li.on > a{position:relative;z-index:1;border-color:#870B2A;background-color:rgba(14,39,103,0.05);color:#870B2A}

.tab_standout a{padding: 10px 0;font-size: 17px;}
.tab_standout a:first-child{padding-right:5px}
.tab_standout a+a{padding-left:5px}
.tab_standout a.on{color:#870B2A;font-weight: 600;}
.tab_standout{display: flex;align-items: center;}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{border:none;}

/*가이드 박스*/

/* guide_wrap */
.guide_wrap{padding:25px 40px;margin-bottom:30px;border:3px solid #E0E0E0;background:#fff}
.guide_wrap .guide_tit{margin-bottom:15px;padding-left:30px;font-weight:500;font-size:20px;color:#890A2A;background:url(./images/common/guide_tit_ic.png) no-repeat 0 50%}
.guide_wrap > ul > li{font-family:'Pretendard';color:#444;font-weight:500}
.guide_wrap > ul > li:before{content:'1';display:inline-block;position:relative;top:2px;width:20px;font-size:20px;font-weight:600;color:#CBCACB}
.guide_wrap > ul > li:nth-child(2):before{content:'2'}
.guide_wrap > ul > li:nth-child(3):before{content:'3'}
.guide_wrap > ul > li:nth-child(4):before{content:'4'}
.guide_wrap > ul > li:nth-child(5):before{content:'5'}
.guide_wrap > ul > li:nth-child(6):before{content:'6'}
.guide_wrap > ul > li:nth-child(7):before{content:'7'}
.guide_wrap > ul > li:nth-child(8):before{content:'8'}
.guide_wrap > ul > li:nth-child(9):before{content:'9'}
.guide_wrap > ul > li.last.first::before{display:none}
.guide_wrap .warn_guide{padding-left:0;background:none}
.guide_wrap .warn{font-size:14px;color:#666}


/* 파일추가 스타일 */
.file_style{clear:both;overflow:hidden;}
.table .file_input_textbox{float:left;width:485px;}
.file_style  .file_input_textbox{float:left;width:288px;}


.file_input_div{position:relative;width:90px;height:34px;overflow:hidden;float:left;}
.file_input_div input{height:34px;}
.file_input_button{width:90px;display:block;position:absolute;top:0px;left:-1px;background:#fff;border:1px solid #c1c7d5;padding:9px 0;text-align:center; font-size:15px;}
.file_input_div.type2 {width:90px;}
.file_input_div.type2 .file_input_button{background:#50575f;text-align:left;}
.file_input_hidden{font-size:45px;position:absolute;right:0px;top:0px;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.last_text {float:left;font-size:16px;color:#606060;padding:9px 0 0 10px;}
.file_input_div + .btn01{margin-left:10px;font-size:14px;padding:9px 5px;min-width:89px;font-weight:400;}
.file_style .sub_text{display:inline-block;padding-left:10px;padding-top:8px;}

/* 파일리스트 */
.file_list_view {clear:both;padding:15px 0 5px 0;width:775px;}
.file_list_view ul li{padding:13px 22px 13px 18px;background:#f6f6f7;}
.file_list_view ul li:after{content:'';display:block;clear:both;}
.file_list_view ul li .name {float:left;font-size:14px;color:#222222}
.file_list_view ul li .del {float:right;padding-left:15px;font-size:14px;color:#787878}
.file_list_view ul li:nth-child(2n) {background:#fff;}

/*테이블 파일 리스트*/
.ul_file{}
.ul_file li{display:block;font-size:14px;color:#666;}
.ul_file li + li{margin-top:5px}
.ul_file a{display:inline-block;padding-left:20px;font-size:14px;color:#666;text-decoration:underline;background:url(./images/common/file_ic.png) no-repeat 0 50%}
.ul_file a:hover{opacity:0.8}

.ul_file.btn_del{padding-top:5px;}
.ul_file.btn_del li{display:block;padding-top:5px;}
.ul_file.btn_del li:first-child{padding-top:0;}
.ul_file.btn_del li a{margin-right:10px;padding-right:0;background:none;}
.ul_file.btn_del li a.btn_del{display:inline-block;vertical-align:middle;padding-right:0;width:13px;height:13px;text-indent:-9999em;background:url('images/common/ic_del.gif') no-repeat center center;}




/* 달력 */
.hasDatepicker + .hasDatepicker{margin-left:0;}
.hasDatepicker{padding:0 0 0 35px !important;width:140px !important;background:#fff url('images/common/input_date_ic.png') no-repeat 10px center;}
.hasDatetimepicker.hasDatepicker{width:185px;}
.hasTimepicker{text-align:center;}
input[type='text'].hasDatepicker:focus{background:#fbfae7 url('images/common/input_date_ic.png') no-repeat 10px center;}

/* 댓글 */
.reply_wrap{padding-top:50px;}
.reply_wrap .reply_num_{display:flex;justify-content:space-between;padding-bottom:15px}
.reply_wrap .reply_num_ dl{display:flex;font-weight:600;color:#000}
.reply_wrap .reply_num_ dl dd{padding-left:6px}
.reply_wrap .reply_num_ dl span{color:#8b0029}
.reply_wrap .reply_num_ dl.point{padding-left:28px;background:url(./images/common/reply_point_ic.png) no-repeat 0 50%}
.reply_wrap .reply_num_ span{color:#000;}
.reply_wrap .reply_num_ + .reply_writing_w{margin-bottom:20px}
.reply_writing_w{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px;background:#F8F8F8}
.reply_writing_w .reply_{width:calc(100% - 100px);height:90px;min-height:auto}
.reply_writing_w .btn01{display:flex;align-items:center;justify-content:center;width:90px;border-radius:0}
.reply_writing_w .btn01 span{display:inline-block;padding-top:24px;background:url(./images/common/btn_write_ic.png) no-repeat 50% 0}


.reply_box{padding:40px 40px 20px;background:#F8F8F8}
.reply_box + .reply_writing_w{padding:10px 40px 0}
.reply_box .reply_writing_w{padding:10px 0}
.reply_box .reply_top{padding-bottom:10px;clear:both;overflow:hidden;}
.reply_box .reply_top .reply_name{color:#000;font-weight:600}
.reply_box .reply_top .reply_name .reply_num{text-indent:-9999em;display:inline-block;}
.reply_box .reply_top .reply_name .reply_num.num1{width:15px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num2{width:30px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num3{width:45px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num4{width:60px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num5{width:75px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num6{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num7{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num8{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num9{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num10{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}


.reply_box .reply_top{display:flex;align-items:center;justify-content:space-between;}
.reply_box .reply_top .reply_name .reply_date{display:inline-block;padding-left:10px;color:#999;font-weight:400}
.reply_box .reply_top .reply_btn{display:flex}
.reply_box .reply_top .reply_btn a{color:#999}
.reply_box .reply_top .reply_btn li + li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 10px;background:#ccc}
.reply_box .reply_top .reply_btn .re_del{display:block;width:20px;height:20px;text-indent:-9999px;background:url(./images/common/reply_del_ic.png) no-repeat 50% 50%}

.reply_box{position:relative;border-bottom:1px solid #E2E2E2}
.reply_box + .reply_writing_w{border-top:none;}
.reply_box .reply_con{padding-bottom:10px;}
.reply_box .re_reply_mod_w{position:relative;}
.reply_box .re_reply_mod_w .reply_{width:690px;height:90px;min-height:90px;}
.reply_box .re_reply_mod_w .btn01.col01{position:absolute;top:0;right:0;width:151px;height:43px;line-height:43px;padding:0;}
.reply_box .re_reply_mod_w .btn01.col03{position:absolute;top:47px;right:0;width:151px;height:43px;line-height:43px;padding:0;}
.reply_box .re_reply_mod_w .re_bytes{padding-top:10px;width:690px;text-align:right;color:#a4a4a4;}
.reply_box .re_reply_mod_w .re_bytes span{color:#000;}

.re_more > a{display:inline-block;width:100%;text-align:center;}
.re_more > a > span{display:inline-block;padding:5px 0;padding-right:20px;color:#444;background:url(./images/common/reply_more_ic.png) no-repeat 100% 50%}

.reply_box.re_reply{padding:0 0 0 20px;border:0;background:url(./images/common/re_reply_ic.png) no-repeat 0 0}
.reply_box.re_reply .reply_writing_w{padding-top:0}



/* 슬라이드*/
.swiper-container{height:200px;}
.swiper-container .swiper-slide{height:150px;border:1px solid #ccc;text-align:center;font-size:18px;background:#fff; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;   -ms-flex-pack:center;   -webkit-justify-content:center;justify-content:center;-webkit-box-align:center;   -ms-flex-align:center;   -webkit-align-items:center;align-items:center;}

/* Vue.js 관련 */
[v-cloak] { display:none;}

/* 메뉴관리 */
.menu_wrap{clear:both;overflow:hidden;}
.menu_wrap .menu_left{float:left;width:45%;}
.menu_wrap .menu_left .btn_wrap_{padding-bottom:10px;}
.menu_wrap .menu_left .btn01{min-width:130px;}
.menu_wrap .menu_left .menu_ul_list_w{max-height:655px;background:#f1f1f1;padding:20px;min-height:655px;overflow-y:scroll; }

.menu_ul_list_w{}
.menu_ul_list_w li > ol > li .menu_box{border:1px solid #cacacc;border-left:2px solid #707070;}
.menu_ul_list_w li > ol > li .menu_box:hover,
.menu_ul_list_w li > ol > li .menu_box.active,
.menu_ul_list_w li > ol > li .menu_box.on{border:1px solid #707070;border-left:2px solid #707070;}

.menu_ul_list_w li > ol > li > ol > li .menu_box{border:1px solid #cacacc;border-left:2px solid #cccccc;}
.menu_ul_list_w li > ol > li > ol > li .menu_box:hover,
.menu_ul_list_w li > ol > li > ol > li .menu_box.active,
.menu_ul_list_w li > ol > li > ol > li .menu_box.on{border:1px solid #cccccc;border-left:2px solid #cccccc;}
.menu_ul_list_w .placeholder{height:45px !important;display:block;background:#feffd4;}
.menu_ul_list_w ol li .placeholder{margin-left:20px;}
.menu_ul_list_w li .menu_box{min-height:45px;padding-top:15px;padding-bottom:15px;margin-bottom:5px;padding-left:15px;padding-right:15px;border:1px solid #cacacc;border-left:2px solid #000;background:#fff;cursor:pointer;}
.menu_ul_list_w li .menu_box:hover,
.menu_ul_list_w li .menu_box.active,
.menu_ul_list_w li .menu_box.on{border:1px solid #000;border-left:2px solid #000;}
.menu_ul_list_w li .menu_box{clear:both;overflow:hidden;}
.menu_ul_list_w li .menu_box a.sortTitAc{float:left;width:62%;h}
.menu_ul_list_w li .menu_box .right_btn_w{float:right;}
.menu_ul_list_w li .menu_box .right_btn_w li{display:inline-block;}
.menu_wrap .menu_btn01{display:inline-block;margin-right:5px;width:15px;height:15px;text-indent:-9999em;background:url('images/common/menu_btn01.png') no-repeat center center;}
.menu_wrap .menu_btn02{display:inline-block;margin-right:5px;width:15px;height:15px;text-indent:-9999em;background:url('images/common/menu_btn02.png') no-repeat center center;}
.menu_wrap .menu_btn03{display:inline-block;margin-right:5px;width:15px;height:15px;text-indent:-9999em;background:url('images/common/menu_btn03.png') no-repeat center center;}
.menu_wrap .menu_btn04{display:inline-block;margin-right:5px;width:15px;height:15px;text-indent:-9999em;background:url('images/common/menu_btn04.png') no-repeat center center;}
.menu_wrap .menu_btn05{display:inline-block;margin-right:5px;width:15px;height:15px;text-indent:-9999em;background:url('images/common/menu_btn05.png') no-repeat center center;}

.menu_wrap span.menu_btn02{margin-right:0px;height:18px;}
.menu_wrap span.menu_btn03{margin-right:0px;height:18px;}
.menu_wrap span.menu_btn04{margin-right:0px;height:18px;}
.menu_wrap span.menu_btn05{margin-right:0px;height:18px;}

.menu_ul_list_w li > ol > li{padding-left:20px;background:url('images/common/reply00.png') no-repeat 0 10px;}
.menu_ul_list_w li ol li .menu_box{}
.menu_ul_list_w li ol > li >ol > li .menu_btn02,
#cousDrctDtyMngtBasLayout li ol > li .menu_btn02{display:none;}
.menu_ul_list_w li ol > li{display:none;}

.menu_wrap .menu_right{position:relative;float:right;width:53%;min-height:655px;margin-top:46px; padding-bottom:20px;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;}
.menu_wrap .menu_right .radio_list li{padding-bottom:15px;}
.menu_wrap .menu_right .radio_list li:last-child{padding-bottom:0;}
.menu_wrap .menu_right .checkbox_list{padding-top:5px;}
.menu_wrap .menu_right .checkbox_list li{display:inline-block;padding-bottom:5px;}
.menu_wrap .menu_right .guide_text{position:absolute;top:50%;left:50%;margin-top:-130px;margin-left:-250px;width:500px;min-height:250px;padding:50px 45px;border:1px solid #cacacc}
.menu_wrap .menu_right .guide_text .text01{color:#000;font-size:15px;padding-bottom:20px;}
.menu_wrap .menu_right .guide_text .text02{color:#67666c;line-height:1.6em;}
.menu_wrap .menu_right .tableType04{border-top:none;}

/* 설문 */
.survey{}
.table_wrap + .survey{padding-top:10px;}
.survey .survey_box{padding:25px;border:1px solid #ebebeb;background:#fafafa url('images/com_/logo.png') no-repeat 98% 95%;}
.survey .survey_box +.survey_box{margin-top:10px;}
.survey .survey_box .title{padding-bottom:20px;font-weight:600;text-indent:-64px;padding-left:64px;}
.survey .survey_box .title span{display:inline-block;color:#fff;padding:4px;width:62px;text-align:center;font-size:14px;background:#870B2A;border-radius:10px;text-indent:0;word-break:keep-all;text-align:center}
.survey .survey_box .survey_con{padding-left:65px;}
.survey .survey_box .img_w{}
.survey .survey_box .img_w img{max-width:300px;max-height:300px;margin-bottom:10px;}
.survey .survey_box .survey_file{margin-top:10px;}
.survey .survey_box .survey_file .ul_file li{padding-top:10px;}
.survey .survey_box .survey_file .ul_file li:FIRST-CHILD{padding-top:0;}
.survey .survey_box .ul_inblock li{padding-bottom:10px;}
.survey .survey_box .guide_test{padding:20px 30px;line-height:1.5em;/*background:url('images/com_/ic_guide.png') no-repeat 0 0;*/}


/* survey */
.pointVal{display:inline-block;padding-left:5px;font-size:22px;color:#000;letter-spacing:-0.8px}
.surv_avg{position:absolute;top:25px;right:20px;text-indent:0;font-size:14px;color:#A4A4A4;font-weight:500}
.surv_avg .pointVal{font-size:16px}
.table_wrap.survey{margin-top:10px;border:1px solid #EBEBEB;border-bottom:0}
.table_wrap.survey table.t_view tbody th{text-align:left}
.table_wrap.survey table.t_view tbody th,
.table_wrap.survey table.t_view tbody td{padding-left:20px;border-color:#EBEBEB}
.table_wrap.survey + .btn_wrap{margin:30px 0 15px;padding-top:0;}
.table_wrap.survey + .btn_wrap .btn01.excel{padding:11px 10px;background:#0E4EA9;color:#fff;font-size:14px;border:0}
.table_wrap.survey + .btn_wrap .btn01.excel span{display:inline-block;padding-left:18px;background:url(./portfolio/images/btn_excel_ic.png) no-repeat 0 50%}
.table_wrap + .survey{padding-top:50px}
.survey + .terms_wrap{margin-top:40px}
.survey .survey_box{padding:0;background:none}
.survey .survey_box .title{position:relative;padding:25px 100px 20px 80px;border-bottom:1px solid #ebebeb;background:#FAFAFA;font-size:16px;color:#222;text-indent:-55px}
.survey .survey_box .title span{width:55px;margin-right:5px;border:1px solid #0E4EA9;border-radius:50px;background:#fff;color:#0E4EA9;font-size:14px}
.survey .survey_box .survey_con{padding:14px 30px;}
.survey .survey_box .ul_inblock li{padding:4px 0}
.survey .survey_box .survey_file{padding-top:0;}
.survey .survey_box .survey_file li{padding:5px 0;}
.survey .survey_box +.survey_box{margin-top:20px}

.survey.result .survey_box .survey_con{padding:20px 80px}
.survey.result .h_graph .g_term::before{content:'';display:inline-block;width:4px;height:4px;margin-right:5px;vertical-align:middle;background:#A7A7A7}
.survey.result .h_graph .g_term .survey_head{display:none}
.survey.result .h_graph dl{overflow:hidden;padding-left:5px}
.survey.result .h_graph .g_term{float:left;width:25%;padding-left:0;font-size:14px;color:#222;line-height:1.3}
.survey.result .h_graph dl + dl{margin-top:12px}
.survey.result .h_graph dl dd{position:relative;top:0;float:left;width:75%;height:auto;margin:0}
.survey.result .h_graph dl dd .g_bar{top:-3px;overflow:hidden;width:calc(100% - 120px);border-radius:50px;height:6px;background:#DEDEDE}
.survey.result .h_graph dl dd .g_bar .bar_inner{display:block;height:100%;padding:0;margin:0;border-radius:50px;background:#1B61C5}
.survey.result .h_graph dl dd .g_bar + span{display:inline-block;width:120px;padding:5px 0;padding-right:25px;text-align:right;font-size:14px;color:#8A8A8A}
.survey.result .h_graph dl dd .g_bar::after{display:none}
.survey.result .h_graph dl.rank_top dd .g_bar .bar_inner{background:#E35A5A}
.survey.result .h_graph dl.rank_top dd .g_bar + span{font-weight:600;color:#f24747;background:url(./portfolio/images/rank_top_ic.png) no-repeat 100% 50%}
.survey.result .h_graph dl.rank_df dd .g_bar .bar_inner{background:#1B61C5}
.survey.result .h_graph dl.rank_df dd .g_bar + span{font-weight:600;color:#0f499c}

/*공통코드 팝업*/
.comm_set,
.cdDiv{display:inline-block;position:relative;padding-right:0}
.comm_set .set_btn{display:none;position:absolute;top:0;right:0;width:25px;height:25px;border-radius:50%;background:url(./images/common/btn_edit_ic.png) no-repeat 50% 50% #bbb}
.comm_set:hover .set_btn{display:none;}

.br{display:block;}
.mobile{display:none !important}

/* login_w */
.login_w{overflow:hidden;background:#F8F8F8;}
.login_w a:hover{opacity:0.85}
.login_w .login_box_ic{display:none}
.login_w .login_inner{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:calc(100vh - 140px);margin:0 auto;padding:120px 20px 100px;background:url(./images/common/ku_login_bg.jpg) no-repeat 50% 50%;background-size:cover}
.login_w .login_top{display:none;position:absolute;top:0;right:0;padding:15px;text-align:right}
.login_w .login_top li{display:inline-block;}
.login_w .login_top li + li::before{content:'';display:inline-block;width:2px;height:2px;margin:0 18px;background:#111;vertical-align:middle}
.login_w .login_top a{font-weight:600;font-size:14px;color:#000}
.login_w .login_tit{position:absolute;top:0;left:-205px;writing-mode:vertical-rl;font-size:64px;font-weight:300;color:#000;line-height:1}
.login_w .sns_login{position:absolute;top:70px;right:-80px}
.login_w .sns_login img{display:none}
.login_w .sns_login a{display:block;position:relative;left:0;overflow:hidden;width:55px;height:55px;border-radius:50%;transition:0.3s;cursor:pointer;background:no-repeat 50% 50%}
.login_w .sns_login a:hover{left:5px;}
.login_w .sns_list > li + li{margin-top:20px}
.login_w #naverIdLogin a{background-color:#1EC700;background-image:url(./images/common/login_sns_naver.png)}
.login_w #kakao-login-btn{background-color:#FFF300;background-image:url(./images/common/login_sns_kakao.png)}
.login_w .login_cont{display:flex;flex-wrap:wrap;position:relative;max-width:1110px;width:100%;margin:0 auto;box-shadow:0 0 15px 2px rgba(0,0,0,0.05)}
.login_w .login_box h3{font-weight:500;font-size:32px;color:#000;line-height:1.4}
.login_w .login_box .text02{margin-top:20px;color:#333}
.login_w .login_box .warn{margin-top:20px;font-size:14px;color:#333}
.login_w .login_box .warn + .warn{margin-top:4px;}
.login_w .login_box + .login_box::after{content:'or';display:none;align-items:center;justify-content:center;position:absolute;top:-21px;left:50%;margin-left:-21px;width:42px;height:42px;border-radius:50%;background:#fff;font-size:16px;color:#B0B2C1;box-shadow:0 5px 15px 2px rgba(0,0,0,0.05)}
.login_w .login_box.portal{width:calc(100% - 320px);padding:80px 120px 200px;background:rgba(235,237,238,0.95) url(./images/common/login_portal_bg.png) no-repeat 50% 100%}
.login_w .login_box.etc{position:relative;width:320px;padding:80px 40px;background:rgba(0,0,0,0.8)}
.login_w .login_box.etc h3{color:#fff;font-size:24px}
.login_w .etc_select{display:flex;align-items:center;margin:30px 0 15px}
.login_w .etc_select .radio{flex:1;}
.login_w .etc_select .radio .txt{height:26px;padding:0;font-size:15px;line-height:26px;color:#fff}
.login_w .etc_select .radio .txt::before{content:'';display:inline-block;position:relative;top:-2px;width:20px;height:20px;margin-right:8px;border:1px solid #fff;border-radius:50%;background:none;vertical-align:middle;transition:background 0.3s}
.login_w .etc_select .radio input:checked + .txt::before{border-color:#951436;background:no-repeat 50% 50% url(./images/common/login_etc_chk_on.png) #951436;background-size:12px;}
.login_w .login_input_w input{width:100%;height:50px;padding-left:30px;border:0;border-bottom:1px solid #A4A4A4;color:#fff;background:no-repeat 0 50%}
.login_w .login_input_w .id_input{background-image:url(./images/common/login_id_ic.png)}
.login_w .login_input_w .pw_input{background-image:url(./images/common/login_pw_ic.png)}
.login_w .login_input_w .id_input:focus{background-image:url(./images/common/login_id_ic_w.png)}
.login_w .login_input_w .pw_input:focus{background-image:url(./images/common/login_pw_ic_w.png)}
.login_w .login_input_w p{position:relative}
.login_w .login_input_w .input_label{display:none;padding:0 5px;position:absolute;top:10px;left:50%;transform:translateX(-50%);font-weight:500;font-size:14px;color:#85122B;background:#fff;transition:0.3s;opacity:0}
.login_w .login_input_w input:focus{outline:none;}
.login_w .login_input_w input:focus + .input_label{top:-10px;opacity:1}
.login_w .idpw_find{display:block;margin-top:10px;font-size:14px;color:#fff}
.login_w .link_btn{display:block;position:absolute;bottom:40px;left:40px;font-weight:500;font-size:14px;color:#fff;}
.login_w .link_btn span{display:inline-block;padding-right:122px;background:url(./images/common/link_btn_arrow.png) no-repeat 100% 50%;transition:0.3s}
.login_w .footer_wrap{height:140px;}

.login_w .portal .login_input_w{padding-top:20px}
.login_w .portal .login_input_w input{width:100%;height:50px;padding-left:60px;margin-top:10px;border:1px solid #e0e0e0;color:#333;background:no-repeat 30px 50% #fff}
.login_w .portal .login_input_w input::placeholder{color:#666}
.login_w .portal .login_input_w .id_input{background-image:url(./images/common/portal_login_id_ic.png)}
.login_w .portal .login_input_w .pw_input{background-image:url(./images/common/portal_login_pw_ic.png)}

.login_w .log_btn1{display:flex;align-items:center;justify-content:center;width:100%;height:60px;margin-top:20px;background:#353535;color:#fff;font-size:18px}
.login_w .log_btn1 span{display:inline-block;padding-left:22px;background:url(./images/common/login_btn_ic.png) no-repeat 0 50%}
.login_w .log_btn2{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:10px;border:1px solid #fff;color:#fff;font-size:16px;}



.table_wrap table.t_view tbody td input[type="text"].corpor_membername{width:100%;min-width:539px;max-width:555px;}
.margin_l15{margin-left: 15px;}


/* error */
.error_w{margin:0 auto;padding-bottom:35px;min-height:500px;padding-top:200px;}
.error_w .error_header{padding-top:120px;padding-bottom:55px;}
.error_w .error_header h1{text-align:center;font-size:36px;font-weight:600;color:#fff;}
.error_w .error_header h1img{max-width:100%;max-height:100%;}
.error_w .error_con{text-align:center;padding:0 10px;line-height:1.2em;}
.error_w .error_con .text01{font-size:38px;color:#222;line-height:1.4em;}
.error_w .error_con .text02{font-size:18px;color:#444;padding-top:16px;}
.error_w .error_con .text03{font-size:13px;color:#444;padding-top:6px;padding-bottom:40px;letter-spacing:-0.4px}
.error_w .error_con .btn01{font-size:16px;font-weight:600; width:250px;height:60px;line-height:60px;padding:0;background:#303030;border:1px solid #000000;text-indent:0;}
.error_w .error_con .btn01 span{text-align:center;color:#fff;padding-left:60px;background:url(images/error/error_btn.png) no-repeat 0 50%; }
.error_w .error_con .btn01:hover span{color:#fff;}
.error_w .error_con .btn01:hover {opacity:0.8;}
.error_w .error_img{position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);bottom:105px;z-index:1}
.error_w .error_img img{max-width:100%;max-height:100%;}
.error_w:after{content:"";display:block;position:absolute;width:100%;height:124px;background:#2e2d2d;left:0;bottom:0}
.error_w .error_footer{text-align:center;color:#fff;padding-top:50px;}

.q_login{padding-top:20px;}
.q_login a{color:#fff;}
.q_login a:hover{color:#fff;}
.q_login strong {color:#fff;}


/* 트리 체크 박스 */
.tree_wrap{clear:both;overflow:hidden;padding-top:0;}
.tree_wrap .tree_chk_wrap{width:400px;float:left;}
.tree_wrap .tree_chk_wrap .tree_box{ padding:20px;background:#f1f1f1;overflow-y:scroll;height:655px;}
.tree_wrap .tree_chk_wrap .tree_box .btn01{font-size:15px;}
.tree_wrap .tree_chk_wrap .tree_box .btn01 + .btn01{margin-left:5px;}
.tree_wrap .tree_table_wrap{float:right;width:calc(100% - 430px);padding-top:10px;}
.tree_wrap .tree_table_wrap h4{padding-bottom:16px;}
.tree_chk_wrap .table_top{clear:both;overflow:hidden;}
.tree_chk_wrap .table_top h4{padding-top:10px;padding-bottom:0;}
.tree_chk_wrap .table_top .btn01{float:left;margin-left:5px;}
.tree_chk_wrap .sim-tree{padding-top:20px;}
.tree_chk_wrap .sim-tree a{font-size:18px;height:36px;}

.tab_type2 {background:transparent;}
.tree_wrap .ui-widget.ui-widget-content{border:none;padding-top:20px;}
.tree_wrap .tab_type2.ui-tabs .ui-tabs-nav li{width:50%;text-align:center;}
.tree_wrap .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:10px 0;}
.tree_wrap .tab_type2.ui-tabs .ui-tabs-nav li a{width:100%;display:block;color:#222;border:1px solid #dddddd;background:#e9e9e9; }
.tab_type2.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#fff;   background:#a40f15;border:1px solid #dddddd;}
.tree_wrap .tab_type2.ui-tabs .ui-tabs-panel{padding:0;padding-top:20px;border:none;}
.tree_wrap .btn_wrap.type02 .btn01{margin:0 5px;font-size:15px;}


/* tree_wrap */
.tree_wrap .tree_body dl{clear:both;overflow:hidden;}
.tree_wrap .tree_body{height:531px;overflow-y:scroll;}
.tree_wrap .tree_body dt{width:580px;display:block;float:left;padding:16px 5px 15px;text-align:left;}
.tree_wrap .tree_body dt a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tree_wrap .tree_body dd{display:block;float:left;padding:20px 5px 19px;text-align:center;}
.tree_wrap .tree_body dd:NTH-CHILD(2) {width:100px;}
.tree_wrap .tree_body dd:NTH-CHILD(3) {width:100px;}
.tree_wrap .tree_body dd:NTH-CHILD(4) {width:100px;}
.tree_wrap .tree_body dd:NTH-CHILD(5) {width:calc(100% - 880px);}
.tree_wrap .tree_top{clear:both;overflow:hidden;border-top:1px solid #7D0101;background:#fafafa;}
.tree_wrap .tree_top li{float:left;padding:20px 5px 19px;text-align:center; color:#37343f;font-weight:400;}
.tree_wrap .tree_top li:NTH-CHILD(1) {width:580px;}
.tree_wrap .tree_top li:NTH-CHILD(2) {width:100px;}
.tree_wrap .tree_top li:NTH-CHILD(3) {width:100px;}
.tree_wrap .tree_top li:NTH-CHILD(4) {width:100px;}
.tree_wrap .tree_top li:NTH-CHILD(5) {width:calc(100% - 880px);padding-right:17px}
.tree_wrap .tree_body{border-bottom:1px solid #E0E0E0;}
.tree_wrap .tree_body li a{display:block;}
.tree_wrap .tree_body li dl:HOVER{background:#f8f8f9; }
.tree_wrap .tree_body > li{}
.tree_wrap .tree_body > li ul > li{}
.tree_wrap .tree_body > li ul > li dt{margin-left:10px;width:570px;padding-left:20px;}
.tree_wrap .tree_body > li ul > li ul > li dt{margin-left:30px;width:550px;padding-left:20px;}
.tree_wrap .tree_body > li ul > li ul > li ul > li dt{margin-left:50px;width:530px;padding-left:20px;}
.tree_wrap .tree_body > li ul > li ul > li ul > li ul > li dt{margin-left:70px;width:510px;padding-left:20px;}
.tree_wrap .tree_body > li ul > li ul > li ul > li ul > li ul > li dt{margin-left:90px;width:490px;padding-left:20px;}
.tree_wrap .tree_body > li ul > li ul > li ul > li ul > li ul > li ul > li dt{margin-left:100px;width:480px;padding-left:20px;}
.tree_wrap .tree_body > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li dt{margin-left:110px;width:470px;padding-left:20px;}
.tree_wrap .tree_body > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li dt{margin-left:120px;width:460px;padding-left:20px;}
.tree_wrap .tree_body > li dl{border-top:1px solid #E0E0E0;}
.tree_wrap .tree_body li dl dt a{padding-left:30px;margin-left:15px;padding-top:4px;padding-bottom:4px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center;overflow:hidden;}
.tree_wrap .tree_body li.on dl dt a{padding-left:30px;margin-left:0;background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center;}
.tree_wrap .tree_body li.on a.open_btn.open + a{padding-left:30px;background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center;}
.tree_wrap .tree_body li ul{display:none;transition:all 0.5s ease;}
.tree_wrap .tree_body li.on dl.open + ul{display:block;}
.tree_wrap .tree_body li.on{}
.tree_wrap .tree_body .open_btn{float:left; margin-top:3px;padding:0 !important; border:1px solid #000  !important; display:block;  text-indent:-9999em  !important; width:15px  !important;height:15px !important;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;transition:all 0.5s ease;}
.tree_wrap .tree_body .open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}

/*2뎁스*/
.tree_wrap .tree_body li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on dl dt a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}

/*3뎁스*/
.tree_wrap .tree_body li.on li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on  li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on  li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on  li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on  li.on a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}

/*4뎁스*/
.tree_wrap .tree_body li.on li.on  li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on  li.on li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on  li.on li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on  li.on li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on  li.on li.on a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}

/*5뎁스*/
.tree_wrap .tree_body li.on li.on li.on li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}

/*6뎁스*/
.tree_wrap .tree_body li.on li.on li.on li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}

/*7뎁스*/
.tree_wrap .tree_body li.on li.on li.on li.on li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}

/*8뎁스*/
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on  li.on a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}

/*9뎁스*/
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on li dl dt a{margin-left:15px;background:url('/common/2base/common/css/images/common/tree_03.png') no-repeat 10px center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on li.on dl dt a{background:url('/common/2base/common/css/images/common/tree_01.png') no-repeat 10px center !important;;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on li.on dl dt a.open_btn{margin-left:0;background:url('/common/2base/common/css/images/common/gnbList_ic01.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on li.on dl dt a.open_btn.open{background:url('/common/2base/common/css/images/common/gnbList_ic02.png') no-repeat center center !important;}
.tree_wrap .tree_body li.on li.on li.on li.on li.on li.on li.on li.on a.open_btn.open + a{background:url('/common/2base/common/css/images/common/tree_02.png') no-repeat 10px center !important;}


/* loading_box */
.ui-dialog .ui-dialog-content.loading_box{border-radius:20px;padding:10px 0;background:#fff;text-align:center}
.loading_box img{max-width:200px;}

/* 피조식 추가 */
.org_input{width:calc(100% - 60px);}
.help_btn{position:relative;display:inline-block;margin-left:5px; vertical-align:text-top;width:19px;height:19px; background:url(images/common/btn_help.png) no-repeat 0 0;text-indent:-9999em; }
.lower_ic{display:inline-block;width:20px;width:20px;background:url('images/common/reply00.png') no-repeat 5px 50%;text-indent:-9999em;}

/* 사용자 지원 */
.sign_text{position:fixed; bottom:0; display:block;line-height:1.4em; background:#c9171c;color:#fff;width:100%;text-align:center;padding:10px; z-index:50 }
.sign_text:hover{color:#fff;opacity:0.8;}

.tab_bottom,
.tab_btn_b {overflow:hidden;margin-top:15px;letter-spacing:0}

.maxlengthTxt {margin-top:6px; font-size:14px;}

/* board_list */
.board_list{border-top:2px solid #313131;background:#fff}
.board_list > li > a{display:block;padding:40px 30px;padding-right:130px;border-bottom:1px solid #EAEAEA}
.board_list .tit{font-weight:600;font-size:20px;color:#000;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_list .board_info{display:flex;align-items:center;margin-top:15px}
.board_list .board_info span{font-weight:500;font-size:14px;color:#444}
.board_list .board_info span + span::before{content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background:#ddd}
.board_list > li > a{position:relative}
.board_list > li > a::before,
.board_list > li > a::after{content:'';display:block;position:absolute;top:50%;right:20px;opacity:0.4;transition:0.3s}
.board_list > li > a::before{width:50px;height:50px;border-radius:50%;border:1px solid #0C0506;margin-top:-25px;}
.board_list > li > a::after{right:42px;width:73px;height:12px;margin-top:-6px;background:url(./images/common/board_arrow.png) no-repeat 100% 50%;}
.board_list > li > a:hover::before,
.board_list > li > a:hover::after{opacity:1}
.board_list > li > a:hover::after{right:35px}
.board_list a:hover{box-shadow:0 5px 10px 5px rgba(250,250,250,0.8)}
.board_list a:hover .tit{color:#87122B;}
.board_list.card_typ{display:flex;flex-wrap:wrap;border-top:0;}
.board_list.card_typ > li{width:calc(33.33% - 6.66px);margin-right:10px;margin-bottom:10px}
.board_list.card_typ > li:nth-child(3n){margin-right:0;}
.board_list.card_typ > li > a{height:100%;border:1px solid #E2E2E2;box-shadow:none}
.board_list.card_typ > li > a:hover{border:1px solid #222}
.board_list.card_typ > li > a::before,
.board_list.card_typ > li > a::after{top:auto;bottom:30px;margin:0}
.board_list.card_typ > li > a::after{bottom:50px}
.board_list.card_typ > li.NO_RESULT{width:100%;border-top:2px solid #333}
.board_list .reply_label{display:inline-block;width:68px;height:32px;margin-right:20px;line-height:32px;font-size:13px;color:#fff;background:#888;text-align:center}
.board_list .reply_label.ok{background:#890A2A}
.board_list .ctgr{color:#888}
.board_list .ctgr::after{content:'';display:inline-block;width:1px;height:12px;margin:0 12px;background:#ccc}
.board_list .secret .tit_cont{display:inline-block;padding-right:24px;background:url(./images/common/board_secret_ic.png) no-repeat 100% 50%}

.board_type{display:flex;justify-content:flex-end;align-items:center;}
.board_type li{position:relative;}
.board_type .card::before{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#E6E6E6}
.board_type a{display:block;width:50px;height:30px;background:no-repeat 50% 50%}
.board_type .list a{background-image:url(./portfolio/images/lica_type_list.png)}
.board_type .card a{background-image:url(./portfolio/images/lica_type_card.png)}
.board_type .list.on a{background-image:url(./portfolio/images/lica_type_list_on.png)}
.board_type .card.on a{background-image:url(./portfolio/images/lica_type_card_on.png)}

/* board_view */
.table_wrap.board_view table.t_view tbody th{padding:20px 40px}
.table_wrap.board_view table.t_view tbody td{padding:15px 40px}
.table_wrap.board_view table.t_view tbody tr:last-child td{border-bottom:1px solid #9a9a9a}
.board_view .board_top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.board_view .tit{display:inline-block;max-width:calc(100% - 200px);font-weight:600;font-size:20px;color:#000;}
.board_view .secret .tit{padding-right:24px;background:url(./images/common/board_secret_ic.png) no-repeat 100% 50%}
.board_view .ctgr{font-size:18px;color:#888}
.board_view .ctgr::after{content:'';display:inline-block;width:1px;height:12px;margin:0 12px;background:#ccc}
.board_view .board_top .info{display:flex;color:#666;font-weight:400}
.board_view .board_top .info li + li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 12px;background:#ccc}
.board_view .board_file{display:flex;flex-wrap:wrap;}
.board_view .board_file dt{width:80px;font-weight:600;color:#000}
.board_view .board_file dd{width:calc(100% - 80px)}
.board_view .td_box{padding:15px 0}


.add_li li + li{margin-top:5px}
.add_li .line_box{width:auto}
.add_li .select,
.add_li .cdDiv,
.add_li .comm_set,
.add_li select{width:auto}



@media only screen and (max-width:1920px){
	header .inner,
	.footer_wrap .inner{padding:0 20px}
	.bg_gnb .text_inner{padding-left:80px;background-position-x:80px}

	.quick_menu{right:34px;margin-right:0}

	.h3_box .inner{max-width:1280px}
	.h3_box .inner::before{content:'';display:block;position:absolute;right:-100%;bottom:0;width:100%;height:72px;background:rgba(0,0,0,0.7)}
	.h3_box .title_wrap{margin-left:-318px}
	.h3_box .m_navigation{width:calc(100% - 362px)}
}

@media only screen and (max-width:1620px){
	.footer .addr_wrap .addr_list{flex-wrap:wrap}
	.footer .addr_wrap .addr_list li.addr{width:100%;margin-bottom:5px}

}


@media only screen and (max-width:1280px){
	section{padding:30px 10px 100px 20px;}
	header .logo_wrap{width:160px;}
	header .logo_wrap a{background-size:140px}
	header .site_gp > li.user_act:last-child{padding-right:0}
	#gnb{width:calc(100% - 160px);padding-right:10px}
	#gnb > ul{left:30px}
	#gnb > ul > li{padding-right:40px}
	#gnb > ul > li > a{font-size:16px;}
	#gnb > ul > li > ul > li > a{font-size:13px}
	.bg_gnb .text_inner{width:calc(100% - 820px);margin:0;background-size:280px;word-break:keep-all}

	.h3_box .title_wrap{width:360px;padding:20px;padding-left:100px;margin:0;background-position-x:-200px}
	.h3_box .m_navigation{width:calc(100% - 360px)}

	.search_form > li dl.w_auto{width:25%}
	.search_form > li.dl5 dl.w_auto{width:20%}





}


@media only screen and (max-width:1024px){
	body{font-size:14px}
	body select,
	.select select,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"]{height:36px;line-height:36px}
	.mml5{margin-left:0;}
	.br{display:inline-block;}
	a { -webkit-tap-highlight-color:transparent;}
	input{ -webkit-tap-highlight-color:transparent;}
	#gnb{display:none;}
	header .header_top{display:none;}
	.btn_gnb{display:block;}
	.m_gnb{display:block;position:fixed;width:100%;min-width:320px;left:-230px;top:0;bottom:0;z-index:60;overflow:auto;visibility:hidden;background:#fff;opacity:0;transition:0.3s}
	.gnb_open .m_gnb {left:0;visibility:visible;opacity:1;height:100dvh;overflow:hidden;}
	.gnb_open .btn_gnb{left:calc(100% - 60px);z-index:61;}
	.gnb_open .btn_gnb.on{position:fixed;}

	.h3_box + .table_top{padding:0 10px 10px 10px;}
	.h3_box + .table_top h4{padding-top:0;}
	.tab_type1 li a{padding:0 15px;}

	header{height:60px;padding:0}
	header .inner{display:block;padding:0 10px}
	header .logo_wrap{width:100%;height:60px;}
	header .logo_wrap a{width:100%;height:100%;padding:0;background-image:url(./images/common/ku_ssc_logo_m.png);background-size:140px;background-position:50% 50%;}
	header .logo_wrap a span{display:none;font-size:15px;}
	header .btn_back{display:block;position:absolute;left:0;top:0;width:50px;height:60px;background:url(./images/common/header_btn_back.png) no-repeat 50% 50%;background-size:12px}

	section{padding:20px 0;min-height:600px;margin-left:0;}
	aside.left_gnb{display:none}
	.container .con_wrap{min-height:auto}
	.container .sub_cont{width:100%}
	.page_tit{margin-bottom:10px;font-size:22px}

	.footer .footer_top{padding:15px 0}
	.footer .footer_top .inner{padding:0 10px}
	.footer .addr_wrap{display:block;padding:15px 0;}
	.footer .terms_list{flex-wrap:wrap;justify-content:center;margin:0 auto}
	.footer .terms_list a{padding:2px 0;font-size:12px;white-space:nowrap}
	.footer .terms_list li.center_intro{display:none}
	.footer .terms_list li + li::before{height:10px;margin:0 6px}
	.footer .terms_list li.center_intro + li::before{display:none}
	.footer .addr_wrap .addr_list li{margin-right:20px;padding-left:18px;background-size:12px;font-size:13px}
	.footer .addr_wrap .addr_list li.addr{padding-left:0;background:none;}
	.footer .addr_wrap .addr_list li.mail{background-size:12px}
	.footer .addr_wrap .copy{margin-top:5px;font-size:12px;letter-spacing:-0.6px}
	.footer .gp_stie{padding:15px 0}
	.footer .gp_stie .inner{padding:0 30px}
	.footer .swiper_site{height:40px}
	.footer .swiper_site .swiper-slide img{max-width:90%}
	.footer .gp_stie .swiper-button-prev,
	.footer .gp_stie .swiper-button-next{width:20px;height:40px;margin-top:-20px;background-size:8px}
	.footer .gp_stie .swiper-button-prev{left:15px}
	.footer .gp_stie .swiper-button-next{right:15px}

	.quick_menu{right:15px;bottom:20px}
	.quick_menu .quick_list a{min-width:40px;height:40px;border-radius:40px;background-size:40px}
	.quick_menu .quick_list a:hover{min-width:100px;padding-left:15px;padding-right:52px}
	.quick_menu .quick_list a span{padding-right:0}
	.quick_menu .quick_list li + li,
	.quick_ctrl{margin-top:4px}
	.quick_menu .scroll_btn{width:40px;height:40px;margin-top:10px}
	.quick_menu .scroll_btn:hover{width:40px}
	.quick_menu .scroll_btn::before{width:15px;height:1px;margin-left:-8px}
	.quick_ctrl .quick_more{width:40px;height:40px;background-size:14px}
	.quick_ctrl .bottom{background-size:14px}


	.container{padding-top:60px}
	.container .con_box{padding:0 10px;}
	.container:before{display:none;}
	.container .con_top_img{display:none;}
	.left_none .content{margin-left:0;padding:30px ;}

	.h3_box{position:relative;top:auto;left:auto;width:100%;height:200px;padding:0;}
	.h3_box .inner{align-content:flex-end;}
	.h3_box .inner::before{display:none}
	.h3_box .title_wrap{display:flex;align-items:center;flex-wrap:wrap;width:100%;height:auto;padding:0;background:none}
	.h3_box h3{width:140px;padding:30px 0;font-size:18px;background:#890A2A url(./images/common/sub_h3_box_bg.png) no-repeat -20px 50%;background-size:auto 100%;text-align:center;}
	.h3_box h3::after{width:3px;height:3px;margin-left:5px}
	.h3_box .desc{width:calc(100% - 140px);padding:0 15px;margin:0;color:#fff;font-size:13px}

	.h3_box .navigation{display:none;}
	.h3_box .m_navigation{width:100%;padding:0}
	.h3_box .m_navigation > ul > li + li::after{height:12px;margin-top:-6px}
	.h3_box .m_navigation > ul > li.swiper-slide{height:40px;min-width:auto;background:none;}
	.h3_box .m_navigation > ul > li.swiper-slide > a{padding:10px;padding-right:40px;font-size:14px}
	.h3_box .m_navigation > ul > li.swiper-slide > a::after{right:10px;background-size:8px}
	.h3_box .m_navigation > ul > li.swiper-slide.home{width:40px;background-size:12px}
	.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box{top:40px;padding:10px 0;border-top:1px solid #B1A38D}
	.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box::before{display:none;}
	.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box li a{padding:2px 8px;font-size:13px}

	.sub_visual.sticky{position: static;/* z-index: 10;width: 100%;margin-top: 0;height: 72px; */}
	.sub_visual.sticky .m_navigation{position:fixed;top:60px;left:0;width:100%;background:#262626}
	.container .sub_visual.sticky + .con_wrap{padding-top:60px}
	/* .container .sub_visual.sticky + .con_wrap{padding-top:60px} */

	.ui-dialog .cont_box + .cont_box,
	.container .cont_box + .cont_box{margin-top:30px}
	.cont_box .cont_tit{margin-bottom:12px;font-size:18px}
	.dot_list > li{padding-left:10px}
	.dot_list > li::before{top:8px;width:3px;height:3px}


	.ui-widget.ui-widget-content{max-width:95%;padding:0 20px}
	.ui-widget.ui-datepicker{padding:0}
	.ui-dialog .ui-dialog-content{padding:20px 0}
	.ui-dialog .ui-dialog-titlebar{height:50px;padding:10px 0 0}
	.ui-dialog .ui-dialog-title{font-size:18px;}
	.ui-dialog .ui-dialog-titlebar-close{width:26px;height:26px;background-size:8px}
	.popup_btn{padding-top:25px}
	.popup_btn .btn01{padding:8px 15px;font-size:15px}



	.btn_gnb{display:block;}
	.f_right + .table_top {padding-top:10px;}

	.m_btn_wrap{display:block;}

	.table_wrap + .table_top{margin-top:30px;}
	.table_top h4{font-size:16px}
	.table_top .ul_inblock li{padding-right:10px}
	.table_top .radio2 input:checked + .ico{background:url(images/com_/mob/radio2_on.png) no-repeat 0 50%;background-size:12px auto;}
	.total_cnt{padding:10px 15px;font-size:13px;}
	.total_cnt span{font-size:16px}

	.top_btn_wrap{position:fixed;bottom:10px;left:0;padding:0 10px;width:100%;z-index:40;}
	.top_btn_wrap .btn01{width:100%;}
	.top_btn_wrap .btn01.col02{background:rgba(216, 31, 37, 0.8);height:40px;}
	.top_btn_wrap .btn01.col02:hover{color:#fff;background:rgba(216, 31, 37, 1); }
	table .th_wid30{width:130px;}
	table .th_wid70{width:*;}

	.table_wrap .btn01{padding-left:8px;font-size:13px}

	.table_wrap table.t_view .select{width:100%;}
	.table_wrap table.t_view .select + input[type="text"]{margin-top:5px;}
	.table_wrap table.t_view .ph_input01{width:100%;min-width:80px;}
	.table_wrap table.t_view .ph_input02{width:100%;margin-top:5px;}
	.table_wrap table.t_view .ph_input03{width:100%;margin-top:5px;}
	.table_wrap table.t_view .email_input01{width:calc(100% - 20px);margin-bottom:5px;}
	.table_wrap table.t_view .email_input02{width:100%;margin-bottom:5px;}
	.table_wrap table.t_view .email_input03{width:100%;}
	.table_wrap table.t_view .ph_input01{width:100%;}
	.table_wrap table.t_view .ph_input02{width:100%;}
	.table_wrap table.t_view .ph_input03{width:100%;}
	.board_view thead td ul.clear .f_left{float:none;}
	.board_view thead td ul.clear .f_right{float:none;padding-top:10px;}
	.table_wrap table.t_view .ul_inblock li{display:block}
	.table_wrap table.t_view .ul_inblock li + li{margin-top:4px}

	.table_wrap table.t_view tbody td.td_input2 .cd{width:100%;}
	.table_wrap table.t_view tbody td .select select{width:100%;}
	.table_wrap table.t_view thead td{padding:18px 10px 18px 20px;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}

	.table_wrap .t_view td .wid400 {width:100%;}
	.table_wrap .t_view td .wid400{width:100%;}
	.table_wrap .t_view td .td_text_t{display:block;padding-bottom:10px;}
	.table_wrap .t_view td .td_text_b{display:block;padding-top:10px;}
 	.table_wrap .t_view td .btn01{width:100%; margin-top:5px;margin-left:0;}

 	.table_wrap .t_list td:before{display:none;  content:attr(data-th)"";}
	.table_wrap .t_list td:before{color:#333333;}
	.table_wrap.on .t_list colgroup{display:none;}
	.table_wrap.on .t_list td{text-align:left;padding:0;  display:block;border-bottom:1px solid #E0E0E0;}
	.table_wrap.on .t_list td:before{display:inline-block;width:130px;margin-right:10px;letter-spacing:-0.5px; white-space:normal;   padding:18px 5px 18px 5px;text-align:center;font-weight:600;background:#F8F8F8;border-right:1px solid #E0E0E0;box-sizing:border-box;}
	.table_wrap.on .t_list td.th_line2:before{padding:9px 5px 9px 5px;}
	.table_wrap.on .t_list td.t_center{text-align:left;}
	.table_wrap.on .t_list th{display:none; }
	.table_wrap.on table.t_list tbody td.td_btn{padding:0;}
	.table_wrap.on table.t_list tbody td.td_input2{padding:0;}
	.table_wrap.on table.t_list tbody td{border-right:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
	.table_wrap.on table.t_list tbody td.title{padding:0;}
	.table_wrap.on table.t_list tbody td.title a{display:inline-block;max-width:calc(100% - 140px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:sub;}
	.table_wrap.on table.t_list tbody td.title a.ell{max-width:calc(100% - 170px);}
	.table_wrap.on .t_list td div.h120{display:inline-block;width:calc(100% - 140px);vertical-align:middle;}
	.table_wrap.on .t_list td div.h120 img{height:45px;}
	.table_wrap.on .t_list tbody tr{margin-bottom:10px; border-top:2px solid #666666;display:block;}
	.table_wrap.on .t_list tbody tr.first{border-top:none;}
	.table_wrap.on .t_list tbody td p{display:inline-block;}
	.table_wrap.on table.t_list tbody td.NO_RESULT{text-align:center;padding-top:40px;}
 	.table_wrap.on table.t_list tbody td.NO_RESULT:before{display:none;}
 	.table_wrap table.t_view tbody td.first.last{border-left:1px solid #E0E0E0;}

 	.table_wrap table.t_view tbody td input[type="text"].corpor_membername{min-width:100%;max-width:100%;}
 	.table_wrap table.t_view tbody td input[type="text"].corpor_membername + p{margin-top:10px;margin-left:0;}

	.NO_RESULT.no_tbl{display:block;height:auto;padding:40px 15px}
	.NO_RESULT.no_tbl .text_wrap{padding:140px 0 0;text-align:center;background-position:50% 0;background-size:120px}
	.NO_RESULT.no_tbl .text_wrap .tit{margin-bottom:10px;font-size:18px;}
	.NO_RESULT.no_tbl .text_wrap .desc{font-size:15px}
	.NO_RESULT.no_tbl .btn01{width:100%;padding:12px 20px;font-size:14px;}

 	.guide_wrap{padding:15px;}
 	.guide_wrap .guide_tit{padding-left:24px;margin-bottom:10px;font-size:17px;background-size:18px}
 	.guide_wrap > ul > li{font-size:14px}
 	.guide_wrap > ul > li::before{font-size:18px}

 	.tabType01{margin:20px 0}
 	.tabType01 ul{justify-content:flex-start;}
 	.tabType01 ul li{padding:0 20px}
 	.tabType01 ul li a{font-size:16px}
 	.tabType02 ul li{margin-right:5px}
 	.tabType02 ul li a{height:36px;padding:0 15px;}

	.btn_wrap{flex-wrap:wrap;padding-top:20px}
	.btn_wrap > p,
	.btn_wrap > div{width:100%;}
	.btn_wrap .btn01{width:100%;padding:8px 15px;font-size:15px;}
	.btn_wrap .btn01:hover{top:0;}
	.btn_wrap > p + p,
	.btn_wrap > div + div,
	.btn_wrap .btn01 + .btn01{margin-left:0;margin-top:5px}

	.btn01#listBtn span{padding-left:22px;background-size:16px}
	.btn01#procBtn span{padding-right:60px;background-size:30px}

	.ul_inblock.mblock li{display:block;}

	.mwid100p{width:100%;}
	.table_wrap .t_view .select +.select{margin-top:5px;margin-left:0;}

	.file_box > span::after{display:none}
	.file_box > span,
	.file_box .ul_file{float:none;width:100%;}
	.file_box .ul_file{padding-top:20px}

	.ul_list_wrap_ li{width:32%;float:left;text-align:center;padding:0 0 30px 0;margin-left:2%;}
	.ul_list_wrap_ li:nth-child(4n+1){margin-left:2%;}
	.ul_list_wrap_ li:nth-child(3n+1){margin-left:0;}

	.table_wrap table.t_input tbody td,
	.table_wrap table.t_view tbody td{padding:18px 10px;}
	.table_wrap table.t_input tbody td.td_input2{padding:6px 10px;}
	.table_wrap table.t_view tbody td.td_input2{padding:9.5px 10px;border-left:1px solid #E0E0E0;}
	.table_wrap table.t_view tbody th.t_center{text-align:left;}
	input.mwid100p + .select{margin-top:10px;}
	.table_wrap table.t_view.board_view tbody td{border-left:1px solid #E0E0E0;}
	.table_wrap table.t_view tbody tr.first td:FIRST-CHILD{border-left:1px solid #E0E0E0;text-align:center;}

	.table_top .staTab{display:block;width:100%;height:auto;margin-bottom:10px}
	.table_top .staTab li{padding:5px 0;}
	.reply_box{padding:15px;}
	.reply_box.re_reply{padding-left:20px;}
	.reply_box.re_reply .reply_con{padding-left:0;}

	.guide_wrap.type2 .btn01{position:relative;right:0;top:100%;margin-top:10px;width:100%;}
	.guide_wrap.type2 > ul > li{width:100%;}

	.table_wrap table .help:AFTER{display:none;position:absolute;top:-20px;left:0;margin-left:0; width:320px;  font-size:12px;border:1px solid #ebebeb;padding:5px; content:"지도교수 피드백이 등록된 신청서는 신청일 옆에 N 표시가 됩니다";background:#fff;text-indent:0;z-index:4;}

	/*테이블*/
	.search_form + .table_wrap{margin-top:20px}
	.search_form{margin-bottom:20px;}
	.search_form .select + .select,
	.search_form .line_box .select + .select{margin-left:0;margin-top:5px}
	.search_form li .cd{width:100%;}
	.search_form li dl.li1{width:100% !important;}
	.search_form li dl.li2{width:100% !important;}
	.search_form li dl.li3{width:100% !important;}
	.search_form li dl.li3_2{width:100% !important;}
	.search_form li dl.li4{width:100% !important;}
	.table_top .m_list_view{display:block;}
	.table_top  .view_select{display:none;}
	.table_wrap.mob_view.on{display:block;}
	.table_wrap.mob_view .t_list + .t_list{margin-top:20px;border-top:2px solid #666666}
	.table_wrap.pc_view.on{display:block;}
	.table_wrap table .t_view_th1{width:130px;}
	.table_wrap table .t_view_td1{}
	.t_view,
	.t_view thead,
	.t_view tbody,
	.t_view tfoot,
	.t_view tr,
	.t_view th,
	.t_view td {display:block}
	.t_view tr:after {content:"";display:block;clear:both}
	.t_view th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}
	.t_view td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}
	.table_wrap table.t_view tbody th{background:none;text-align:left;border-bottom:none;padding:15px 10px 5px 10px;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;}
	.table_wrap table.t_view tbody td{padding:10px 10px 15px 10px;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0 !important;}
	.table_wrap table.t_view.board_view tbody td{border-left:1px solid #E0E0E0;border-bottom:none;}
	.table_wrap.mob_view table.t_list tbody td.NO_RESULT{height:150px;background:url(images/com_/no_date.png) no-repeat 50% 30px;   background-size:50px auto;}
	.table_wrap table.t_view tfoot th.first,
	.table_wrap table.t_view tfoot td.first{border-left:1px solid #E0E0E0 !important;;border-right:1px solid #E0E0E0 ;}
	.table_wrap table.t_view thead th.last, .table_wrap table.t_view tbody th.last, .table_wrap table.t_view tbody td.last{border-right:1px solid #E0E0E0;}
	.table_wrap table.t_view tbody td:FIRST-CHILD{border-left:1px solid #E0E0E0;}


	.terms_wrap .terms_title{margin-bottom:12px;padding-left:24px;font-size:18px;background-size:16px}
	.terms_wrap .terms_box{padding:20px}
	.terms_wrap .terms_box dl + dl{margin-top:12px}
	.terms_wrap .terms_box dt{margin-bottom:5px;font-size:16px;}
	.terms_wrap .terms_box dd::before{top:8px;width:3px;height:3px}
	.terms_wrap .warn{font-size:13px}
	.terms_wrap .terms_chk{justify-content:flex-end;padding:15px;margin-top:15px;flex-wrap:wrap}
	.terms_wrap .terms_chk p{width:100%;text-align:left;font-size:15px}
	.terms_wrap .terms_chk .txt{padding-right:24px;font-size:14px;}
	.terms_wrap .terms_chk .ico{width:16px;height:16px;}
	.terms_wrap .terms_chk input:checked + .ico::after{top:-5px;right:-6px;width:18px;height:18px;background-size:100%}
	.terms_wrap + .terms_wrap,
	.fin_chk{margin-top:20px}
	.fin_chk .check{padding:30px 0 0}
	.fin_chk .check .ico{left:50%;top:0;margin:0;margin-left:-12px}
	.fin_chk .check .txt{font-size:16px;}


	/* survey */
	.table_wrap.survey{border-left:0;border-right:0}
	.table_wrap + .survey{padding-top:20px}
	.survey + .btn_wrap.a2 .btn01{width:calc(50% - 5px)}
	.survey + .btn_wrap.a2 .btn01 + .btn01{margin-top:0;margin-left:10px;}
	.survey.result .survey_box .survey_con{padding:20px 10px}
	.survey.result .h_graph .g_term,
	.survey.result .h_graph dl dd{float:none;width:100%}

	.search_form > li{display:block}
	.search_form > li dl{width:100% !important;padding:10px 0;border:0}
	.search_form .btn01.det_btn{width:100%;}
	.search_form dl dd,
	.search_form .line_box{flex-wrap:wrap;}
	.search_form .select + input,
	.search_form .cd + input,
	.search_form .comm_set + input,
	.search_form .comm_set + input[type="text"],
	.search_form .cdDiv + input,
	.search_form .cdDiv + input[type="text"]{margin-left:0;margin-top:5px}
	.search_form a.btn01.org_search,
	.search_form input[type="text"] + .btn01,
	.search_form input + .btn01{width:100%;margin-left:0;margin-top:5px}
	.search_form input[type="text"]{width:100% !important}
	.search_form input[type="text"].hasDatepicker,
	.search_form input[type="text"].hasDatetimepicker{width:calc(50% - 10px) !important;}
	.search_form.arb_type li dl .cdDiv{width:100%;}
	.search_form.arb_type input[type="text"].hasDatepicker,
	.search_form.arb_type input[type="text"].hasDatetimepicker{width:calc(50% - 8px) !important;margin-top:5px;}
	.search_form > li dl.col2 .comm_set,
	.search_form > li dl.col2 .cdDiv{width:100%}
	.search_form .no_tit dt{display:none}
	.search_form .no_tit dd{padding-top:0}

	.search_form{padding:15px}
	.search_form li .search_title{font-size:14px}
	.search_form .search_bar_wrap .btn01 + .btn01.det_btn{width:100%;margin-left:0;}
	.search_form .search_bar_wrap .comm_set,
	.search_form .search_bar_wrap .cdDiv,
	.search_form .search_bar_wrap .cd,
	.search_form .search_bar_wrap .select{width:100%}
	.search_form > li .search_bar_wrap input[type="text"]{width:100%;}
	.search_form .search_bar_wrap dd{text-align:center}
	.search_form .search_bar_wrap.only_btn dd{padding-top:0}
	.search_form .search_bar_wrap .btn01{margin-top:5px}
	.search_form .search_bar_wrap #resetBtn,
	.search_form .search_bar_wrap #dialogResetBtn,
	.search_form .search_bar_wrap #searchBtn,
	.search_form .search_bar_wrap #dialogSearchBtn{width:calc(50% - 2.5px);height:36px;}
	.search_form .search_bar_wrap .btn01 + .btn01{margin-left:5px}

	.search_form .detail_box .flex_box{display:block}
	.table_wrap .flex_box .cdDiv + input[type="text"]{margin-top:5px;margin-left:0}

	.error_w .error_header{padding-top:30px;padding-bottom:30px;}
	.error_w .error_header h1 img{max-width:100%;width:220px; max-height:100%;}
	.error_w .error_con .text01{font-size:25px;}
	.error_w .error_con .text02{font-size:15px;}
	.error_w .error_con .text03{font-size:13px;padding-bottom:30px;}
	.error_w .error_con .btn01{height:40px;line-height:40px;display:inline-block;position:relative;left:auto;bottom:auto;opacity:1}

	.mobile{display:block !important}


	.login_w .login_inner{padding:100px 20px 40px;}
	.login_w .login_top{position:static;padding:0}
	.login_w .login_top li + li::before{margin:0 10px}
	.login_w .login_tit{display:none}
	.login_w .login_box h3,
	.login_w .login_box.etc h3{font-size:20px}
	.login_w .login_box h3 br{display:none}
	.login_w .login_box .text02{margin-top:10px}
	.login_w .login_box .warn{margin-top:15px;font-size:13px;}
	.login_w .sns_login{position:static;margin-top:20px;text-align:center;}
	.login_w .sns_list > li{display:inline-block;}
	.login_w .sns_list > li + li{margin-top:0;margin-left:15px}
	.login_w .sns_login a{width:40px;height:40px;}
	.login_w .sns_login a:hover{left:0}
	.login_w #naverIdLogin a{background-image:url(./images/common/login_sns_naver_m.png);background-size:15px;}
	.login_w #kakao-login-btn{background-image:url(./images/common/login_sns_kakao_m.png);background-size:26px;}
	.login_w .login_cont{display:block;width:100%;padding:0;border:0;border-radius:0;box-shadow:none}
	.login_w .log_btn1,
	.login_w .log_btn2{height:46px;font-size:15px}
	.login_w .log_btn1{margin-top:20px}
	.login_w .etc_select{margin:15px 0 10px;}
	.login_w .etc_select .radio .txt::before{width:16px;height:16px;background-size:10px}
	.login_w .etc_select .radio input:checked + .txt::before{background-image:url(./images/common/login_etc_chk_on_m.png)}
	.login_w .login_input_w input{padding-left:20px;height:40px;background-size:14px}
	.login_w .login_input_w .id_input{background-image:url(./images/common/login_id_ic_m.png)}
	.login_w .login_input_w .pw_input{background-image:url(./images/common/login_pw_ic_m.png)}
	.login_w .login_box.portal,
	.login_w .login_box.etc{width:100%;padding:40px}
	.login_w .login_box.portal{background-image:none}
	.login_w .login_box + .login_box::after{top:-15px;width:30px;height:30px;margin-left:-15px;font-size:14px}
	.login_w .idpw_find{font-size:13px}
	.login_w .link_btn{position:static;padding:8px 0;border-bottom-width:1px;margin-top:10px;font-size:15px;}
	.login_w .footer_wrap.style01 .footer02 .footer_left li a{font-size:13px}
	.login_w .login_footer p,
	.login_w .login_footer p.copy{font-size:12px}
	.login_w .portal .login_input_w input{height:40px;margin-top:5px;padding-left:50px;background-size:16px;background-position-x:15px}
	.login_w .log_btn1{margin-top:15px}

	.login_w .footer_wrap.style01{padding:10px 0}
	.login_w .footer_wrap.style01 .footer02{margin:0}
	.login_w .footer_wrap.style01 .footer02 .footer_left{border:0;text-align:center}
	.login_w .login_footer p,
	.login_w .login_footer p.copy{text-align:center}

	.board_type{display:none}
	.board_list > li > a{padding:20px;padding-right:80px}
	.board_list .tit{font-size:16px}
	.board_list .board_info{margin-top:5px}
	.board_list .board_info span{font-size:13px}
	.board_list > li > a::before,
	.board_list.card_typ > li > a::before{width:30px;height:30px;top:50%;margin-top:-15px;}
	.board_list > li > a::after,
	.board_list.card_typ > li > a::after{width:40px;height:10px;top:50%;right:35px;margin-top:-5px;background-size:100%}
	.board_list.card_typ{display:block;border-top:2px solid #313131}
	.board_list.card_typ > li{width:100%;margin:0}
	.board_list.card_typ > li > a{border:0;border-bottom:1px solid #EAEAEA}
	.board_list .reply_label{width:50px;height:28px;margin-right:10px;font-size:12px;line-height:28px}
	.board_list .ctgr::after{height:10px;margin:0 10px;}
	.board_list .secret .tit_cont{padding-right:18px;background-size:10px}

	.table_wrap.board_view table.t_view tbody th,
	.table_wrap.board_view table.t_view tbody td{padding:10px 15px}
	.board_view .board_top{display:block}
	.board_view .tit{max-width:100%;font-size:16px}
	.board_view .ctgr{font-size:15px}
	.board_view .board_top .info{justify-content:flex-end;margin-top:5px}
	.board_view .board_file dt,
	.board_view .board_file dd{width:100%}
	.board_view .board_file dd{padding-top:10px}
	.board_view .td_box{padding:0}
	.reply_writing_w{padding:20px}
	.reply_box + .reply_writing_w{padding:10px 20px}
	.reply_box .reply_top{display:block}
	.reply_box .reply_top .reply_btn{justify-content:flex-end;margin-top:10px}

	.tab_radio{margin-bottom:20px}
	.tab_radio .ul_list2 li + li{margin-left:10px}
	.tab_radio .radio .ico{right:20px;background-size:18px}
	.tab_radio .radio .txt{display:block;height:auto;padding:5px 15px;padding-right:30px;font-size:15px;text-align:center}
	.tab_radio .radio .txt em{display:block}
	.tab_radio .radio .txt em::after{display:none}

	.search_form .check .txt,
	.sq_check .check .txt,
	.sq_radio .radio .txt{height:auto;padding:6px 10px;font-size:14px}
	.sq_check ul,
	.sq_radio ul{display:flex;flex-wrap:wrap}
	.sq_check ul li,
	.sq_radio ul li,
	.sq_radio .ul_list2 li{padding:0;margin:4px;margin-left:0}
	.table_wrap table.t_view .sq_check .ul_inblock li + li{margin-top:4px}
	.table_wrap table.t_view .sq_radio .radio{margin:0}

	.info_mark.tooltip04_th span.tolltip_title,
	.info_mark.tooltip05_th span.tolltip_title{position:relative;}
	.line_box.inv_type_flex .cdDiv{width:100%;}
	.line_box.inv_type_flex .cdDiv + .flex_box{display:flex;width:100%;margin-top:5px;}
	.line_box.inv_type_flex .cdDiv + .flex_box .hasDatetimepicker.hasDatepicker{width:100% !important;margin-left:0 !important;max-width:100%;min-width:auto;}
	.line_box.inv_type_flex .cdDiv + .flex_box .hasDatetimepicker.hasDatepicker + span + input{width:100%;margin-left:4px !important;}
	.info_mark.tooltip04_th .tooltip_04{top:40px;left:0;}
	.info_mark.tooltip05_th .tooltip_05{top:40px;left:5px;}
	.info_mark.tooltip04_th span.tolltip_title:after{right:auto;left:55px;top:0;}
	.info_mark.tooltip05_th span.tolltip_title:after{right:auto;left:95px;top:0;}
	.tooltip06_div .tolltip_title{top:22px;left:80px;}

	.flex_box.recm_type .cdDiv{width:100%;min-width:100%;}
	.flex_box.recm_type .cdDiv + input{margin-top:5px;max-width:100%;}
	.flex_box.rcrt_rcmd_type .cdDiv{min-width:100%;}
	.flex_box.apply_type .cdDiv{min-width:100%;}
	.flex_box.apply_type input{margin-top:5px;margin-left:0 !important;}

	.rcmd_check .radio .ico{top:3px;}
}
@media only screen and (max-width:760px){
	.search_form li dl,
	.search_form > li.dl2 dl,
	.search_form > li dl.col2{display:block;width:100%;}
	.search_form > li dt,
	.search_form > li dd{width:100%}
	.search_form > li dd{padding-left:0;padding-top:10px}

	.left_none .content{margin-left:0;padding:10px ;}
	.table_wrap table.t_view tbody td.td_input2{padding-left:10px;padding-right:10px;}

	.ul_list_wrap_ li{width:49%;margin-left:2%;}
	.ul_list_wrap_ li:nth-child(4n+1){margin-left:2%;}
	.ul_list_wrap_ li:nth-child(3n+1){margin-left:2%;}
	.ul_list_wrap_ li:nth-child(2n+1){margin-left:0;}

	.t_view .col_w120{width:25%;}
	.survey .survey_box{padding:15px;}
	.survey .survey_box .ul_inblock li{display:block;padding-right:10px;}
	.survey .survey_box .title span{}
	.survey .survey_box .title{}
	.search_form .select select{width:100%;}
	.survey .survey_box .title{padding-bottom:10px;}
	.survey .survey_box .survey_con{padding-left:10px;}
	.search_form li dl.type0.btn_.type1.type_btn{padding-right:0;}
	.btn01.mob01{margin-right:0;margin-bottom:10px;}

	/* survey */
	.survey .survey_box{padding:0}
	.survey .survey_box .title{padding:10px 10px 10px 70px}
	.survey .survey_box .survey_con{padding:10px}
	.survey .survey_box +.survey_box{margin-top:10px}
	.surv_avg{position:static;margin-top:10px;text-align:right}

	.login_wrap_ .login_box_{margin:0 20px;padding-bottom:90px;}
	.login_wrap_ .login_box_::before{width:100px;height:142px;}
	.login_wrap_ .login_box_::after{width:178px;height:326px;}

	.accordion_wrap_ > ul > li .tit_box{padding:15px;}
	.accordion_wrap_ > ul > li .con_box{padding:14px 15px 4px 15px;}
	.accordion_wrap_ > ul > li .tit_box .title{width:100%;padding-bottom:10px;}
	.accordion_wrap_ > ul > li .con_box ul li{width:100%;}
	.accordion_wrap_ > ul > li .con_box ul li .title{width:100%;padding-bottom:10px;}


}
@media only screen and (max-width:560px){


}
@media only screen and (max-width:420px){


}
@media only screen and (max-width:380px){


}
@media only screen and (max-width:360px){


}

/* 프린트 */

/* .a4_wrap{page-break-before:always;} */
.a4_wrap{}
.a4_wrap + .btn_wrap{}
.print .btn_wrap{padding-bottom:20px;}
.print{width:21cm;min-height:29.7cm;padding:0 0cm;margin:0 auto;}


@media print {
	html, body {width:210mm;}
	#wrap{min-width:auto;}
	.container{min-height:none;}
	.container_w.left_none{width:auto;}
	.left_none .content{padding:0;width:auto;}
	.print {padding:1cm;border:initial;width:initial;min-height:initial;box-shadow:initial;background:initial;page-break-after:always;}
	.print .btn_wrap{display:none;}
	.printBtn{display:none;}
 	/* .a4_wrap{page-break-before:always;} */
 	.noprint { display:none;height:0;width:0;opacity:0;}
 	.ul_list li{background:none;padding-left:0;}

}

@page {size:A4;margin:0;}


