@charset "utf-8";

/* ----------------------------------------
 * Create by jinwoo
 * Created :2018 v01
 --------------------------------------- */
/* ==========================================================================
	Base styles & import
   ========================================================================== */

/* Reset */
html{min-width:320px;}
html,
body,
body *{font-family:Pretendard, sans-serif;letter-spacing:-0.04em;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:Pretendard, Noto Sans, '돋움',Dotum, sans-serif;color:#666666;}
body{display:flex; flex-direction: column; min-height: 100vh; text-align:left;word-break:break-word;overflow-x:hidden;}
html,body {background:#fff;height: 100%;}
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}
button{background: none;border: none;}
span,a{display:inline-block;}
a{color:#222;text-decoration:none;}
a:hover{color:#009e4e;}
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,
.check input{display:block !important}

.dni{display: none !important;}

/* ellipsis */
.ellipsis_ib {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis_02{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}
.ellipsis_03{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}
.ellipsis_04{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 190px;}
.space_no {white-space: nowrap;}
.data{display:block;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;}

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 !important;font-size:14px;}

/*no result*/
.NO_RESULT{/*height:120px;*/padding:40px 0;text-align:center;color:#b4b4b4;overflow: hidden;}
.NO_RESULT:not(.myPtfol) p{display: flex;flex-direction: column;align-items: center;color:#b4b4b4;font-size: 18px;margin-bottom: -15px;padding-top: 50px;}
.NO_RESULT:not(.myPtfol) p:after {content: ''; display: block;width: 184px;height: 145px;margin-top: 30px;background: url(./portfolio/images/ai_my_in_bg02.png) no-repeat 50% 0 / 184px;}
.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;}
li.NO_RESULT p {margin-bottom: 0;position: relative;top: 40px;}
.NO_RESULT.load{opacity:1}
.NO_RESULT.type2 {border: 1px solid #e0e0e0;}
.NO_RESULT.myPtfol {display: flex;align-items: center;justify-content: center;gap: 3vw;border: 1px solid #e0e0e0;border-radius: 10px;padding: 40px 0;}
.NO_RESULT.myPtfol:before {content: '';display: block;width: 200px;height: 190px;background-repeat: no-repeat;}
.NO_RESULT.myPtfol.resume:before {background-image: url(images/common/noresult_resume.gif);}
.NO_RESULT.myPtfol.self:before{background-image:url(images/common/noresult_self.gif);}
.NO_RESULT.myPtfol.lica:before{background-image:url(images/common/noresult_lica.gif);}
.NO_RESULT.myPtfol.lica_grp:before{background-image:url(images/common/noresult_lica_grp.gif);}
.NO_RESULT.myPtfol.cous:before{background-image:url(images/common/noresult_cous.gif);}
.NO_RESULT.myPtfol.ptfol:before{background-image:url(images/common/noresult_ptfol.gif);}
.NO_RESULT.myPtfol .text_wrap {display: flex;flex-direction: column;gap: 10px;text-align: left;color: #666;font-size: 18px;}
.NO_RESULT.myPtfol p {font-size: 24px;font-weight: 600;}
.NO_RESULT.myPtfol .txt_line {display: inline-block;background: linear-gradient(to bottom, transparent 65%, #CCEFE8 35%);}
.NO_RESULT.myPtfol .btn01 {display: flex;align-items: center;justify-content: space-between;height: 48px;margin-top: 20px;border-radius: 45px;font-size: 16px;width: 400px;padding: 0 30px;}
.NO_RESULT.myPtfol .btn01:after {content: url(./images/common/noresult_btn_arrow.png);display: block;position: relative;right: 0;transition: all 0.25s;}
.NO_RESULT.myPtfol .btn01:hover:after {right: -5px;}
.NO_RESULT.myPtfol ~ .btn_wrap {display: none;}

/* NO_RESULT */
.NO_RESULT.no_tbl {display:flex; align-items:center; justify-content:center; height: auto; width:100%; color: #666; margin-top: 20px; border-radius: 10px; border: 1px solid #e5e5e5; padding: 60px;}
.NO_RESULT.no_tbl .text_wrap {display: grid; justify-content: center; word-break: keep-all;}
.NO_RESULT.no_tbl .text_wrap .tit {text-align: center; display: block; color: #212121; font-size: 20px; margin-bottom: 10px; background: none; font-weight: 600;}
.NO_RESULT.no_tbl .text_wrap .desc{font-size:18px; text-align: center;}
.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%}

/* point color 변수 */
:root {--main-color: #009e4e;}
:root {--main-bg-color: #ebf8f1;}
:root {--tit-color: #333;}

/* no_left_gnb */
.no_left_gnb .left_gnb{display:none;}
.no_left_gnb section{margin-left:0;}

/* toTop */
.btn_top{display:none;position:fixed;right:30px;bottom:30px;width:45px;height:45px;font-size:0;text-indent:-9999em;text-align:center;color:#fff;border:1px solid #cacaca;background:#fff url('images/com_/mob/btn_top.png') no-repeat center center;background-size:22px auto;z-index:10;opacity:0.8;}
.btn_top:hover,
.btn_top:focus,
.btn_top.hove{opacity:1;}

/* 탑버튼 */
/* .btn_top{ display:none;opacity:0;position:fixed;right:10px;bottom:10px;z-index:10;opacity:0.6 !important;text-indent:-9999em;width:50px;border:1px solid #cacaca;height:50px;background:#fff url('images/com_/mob/btn_top.png') no-repeat center center;background-size:22px auto;} */
.btn_back{display:none;}

/* header */
header{position:relative;height:100px;width:100%;z-index:50;}
header article{max-width:1280px;margin:0 auto;}

/* nav */
header nav{position:relative;width:100%; max-width:1280px;/* margin:8px auto 0; */text-align:right;}
header nav h2{height:0;font-size:0;visibility:hidden;}

/*ai 어드바이저 긁어가기*/
#gnb{position:relative;height:38px;padding:0 0;z-index:51;}
#gnb > ul {overflow:visible;float:right;transition:all 0.5s ease;}
#gnb > ul > li{position:relative;display:inline-block;float:left;padding:0 20px 0 20px;transition:all 0.2s ease;}
#gnb > ul > li:LAST-CHILD{padding-right:0;padding-left:20px;}
#gnb > ul > li.pr50_{padding-right:50px;}
#gnb > ul > li > a{display:block;width:100%;padding:0 0 22px 0;font-size:16px;color:#fff;font-weight:600;text-align:center;line-height:1;transition:all 0.5s ease;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus,
#gnb > ul > li > a:active,
#gnb > ul > li > a.on{color:#4fc8f4;}
#gnb > ul > li.first > ul{border-left:none;}
#gnb > ul > li > ul{/* overflow:hidden; */position:absolute;top:38px;padding-top:0;left:0;width:100%;height:0;z-index:51;transition:all 0.5s ease;background:transparent ;/* border-left:1px solid #eeeeee;*/}
#gnb > ul > li > ul.is-active{height:223px;padding-top:15px;}
#gnb > ul > li > ul > li{padding:0 5px 0 20px;text-align:left;}
#gnb > ul > li > ul > li > a{display:inline-block;word-break:keep-all;line-height:1.2em;font-size:13px;transition:all 0.5s ease;}
/* #gnb > ul > li > ul > li > a:before{display:inline-block;vertical-align:middle;margin-right:3px;content:"-";} */
#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{color:#133b7f;}
#gnb > ul > li > ul > li > a.on{color:#133b7f;}
/*ai 어드바이저 긁어가기*/


/* header */
header{width:100%;height:100px;border-bottom:1px solid #EAEAEA;background:#fff;}
header article{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative; max-width:1280px;margin:0 auto;}
header article .logo_wrap{width:310px;position:absolute;/* top:8px; */left:15px;bottom:0;z-index:52;}
header article .logo_wrap a{display:flex;align-items:end;padding:10px 0;/* padding-left:160px; */background:url('./images/common/logo.png') no-repeat 0 50%;}
header article .logo_wrap h1{display: block;float:left;vertical-align: top;width:188px;height:31px;font-size:18px; background: url(/common/1user/common/css/portfolio/images/logo.png) no-repeat; background-size:100%;text-indent:-9999em;}
header article .logo_wrap span{display:block;font-weight:600;color:#222;font-size:18px;}
header article .logo_wrap span::before{content:'';display:inline-block;width:1px;height:12px;margin:0 8px;background:#BFBFBF}

header article .header_top{width:100%;padding-top:15px}
header article .header_top > ul{display:flex;align-items:center;justify-content:flex-end}
header article .header_top > ul > li{font-size:13px;color:#333}
header article .header_top > ul > li + li{margin-left:5px}
header article .header_top > ul > li > a.log_btn{display:inline-block;padding:5px 10px;border:1px solid #D5D5D5;border-radius:50px;font-size:13px;color:#666;line-height:1}
header article .header_top > ul > li > a:hover{background:#fafafa}
header article .header_top .language_wrap .select{background:url(./images/common/select_arrow.png) no-repeat calc(100% - 10px)}
header article .header_top .language_wrap select{height:25px;padding:0 25px 0 24px;border:1px solid #D5D5D5;border-radius:50px;font-size:13px;color:#666;line-height:1;background:url(./images/common/header_lang_ic.png) no-repeat 10px 50%}
header article .header_top .language_wrap option{padding:0;text-align:center}

.bg_gnb{display:block; position:absolute;top:100px;left:0;width:100%;height:0;background:#fff url(/common/1user/common/css/images/common/gnb.jpg) no-repeat calc(50% - 400px) 100%;z-index:50;border-radius:0;transition:height 0.5s ease;overflow:hidden;}
.bg_gnb.is-active{height:300px}
.bg_gnb .bg_gnb_box .text01{color:#009e4e;font-weight:600;font-size:16px;line-height:1;padding-bottom:8px; }
.bg_gnb .bg_gnb_box .text02{padding-top:0; color:#333333;font-weight:600;font-size:13px;line-height:1;}
.bg_gnb .bg_gnb_box .text02 +.text02{padding-top:6px}
.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}

.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{position:relative;display: flex;flex-direction: column; width:100%;padding:18px 15px;border-bottom:1px solid #E5E5E5;background:#fff;font-size: 14px;color:#000;font-weight:300;}
.user_wrap .name{font-size:16px;padding: 20px 0 5px;}
.user_wrap .logout_btn{ display:block; position:absolute;top:50%;margin-top:-19px; right:10px;color:#fff;padding:5px 10px;text-align:center;background:#b7b7b7}
.user_wrap span em.bar {display: inline-block;width: 1px;height: 10px;background: #ccc;margin: 0 5px;}

.m_left_search_box{position:absolute;top:165px;left:0; width:100%; height:calc(100vh - 165px);background-color:rgba(0, 0, 0, 0.4);overflow-y:auto;z-index:10; }
.m_left_search_box ul{background:#fff;}
.m_left_search_box ul li{display:block;padding:0 10px;border-bottom:1px solid #e5e5e5;}
.m_left_search_box ul li a{display:block;padding:15px 0; background:url('images/com_/mob/m_left_icon03.png') no-repeat 100% 50%;background-size:20px auto;}

.m_gnb_wrap{overflow-y:auto;}
.m_gnb_wrap .m_gnb_list{position:relative;height: 100%;overflow: auto;}

.m_gnb_wrap .m_gnb_list li a.depth_tit1{display:block;color:#4c4c4c;padding:20px;font-weight:400;border-bottom: 1px solid #e5e5e5;background: url('images/com_/mob/m_left_icon01.png') no-repeat calc(100% - 20px) 50% / 15px;}
.m_gnb_wrap .m_gnb_list li.on a.depth_tit1,
.m_gnb_wrap .m_gnb_list li.open a.depth_tit1{color:#212121;font-weight: 600;background:url('images/com_/mob/m_menu_uparrow2.png') no-repeat calc(100% - 20px) 50% / 15px;}

.m_gnb_wrap .m_gnb_list2{display:none;background: #fafafa;}
/* .m_gnb_wrap .m_gnb_list li.on .m_gnb_list2{display:block;} */
.m_gnb_wrap .m_gnb_list li.open .m_gnb_list2{display:block;}

.m_gnb_wrap li .m_gnb_list2 > li{padding-left: 20px;}
.m_gnb_wrap li.on .m_gnb_list2 > li > ul{display:none; border-bottom:1px solid #e5e5e5;}
/* .m_gnb_wrap li.on .m_gnb_list2 > li.open > ul {display:block;} */
.m_gnb_wrap li .m_gnb_list2 > li > a{display:flex;align-items: center;color:#4c4c4c;border-bottom:1px solid #e5e5e5; padding:20px 20px 20px 0;font-weight: 400;}
.m_gnb_wrap li .m_gnb_list2 > li > a::before {content: '';display: block;width: 15px;height: 2px;background: #9b9b9b;margin-right: 5px;}
.m_gnb_wrap li .m_gnb_list2 > li > a.out_lnk::after {content: '';display: block;width: 14px;height: 14px;background: url(../css//portfolio/images/ic_outlnk_off.png) no-repeat 50%;margin-left: 10px;}
.m_gnb_wrap li.on .m_gnb_list2 > li.open > a,.m_gnb_wrap li.on .m_gnb_list2 > li.on > a{color:#444;font-weight:600;}
.m_gnb_wrap li .m_gnb_list2 > li > a.on:before {background: #444;}

.m_gnb_wrap li.open .m_gnb_list2 > li{padding-left: 20px;}
.m_gnb_wrap li.open .m_gnb_list2 > li > ul{display:none; border-bottom:1px solid #e5e5e5;}
.m_gnb_wrap li.open .m_gnb_list2 > li.open > ul {display:block;}
/* .m_gnb_wrap li.open .m_gnb_list2 > li > a{display:block;color:#4c4c4c;border-bottom:1px solid #e5e5e5; padding:20px 20px 20px 0;font-weight: 400;} */
.m_gnb_wrap li.open .m_gnb_list2 > li.on > a{color:#444;font-weight:600;}
.m_gnb_wrap li .m_gnb_list2 > li.in_depth3 > a,
.m_gnb_wrap li .m_gnb_list2 > li.in_depth3 > a{background:url('images/com_/mob/m_left_icon01.png') no-repeat calc(100% - 20px) 50% / 15px;}
.m_gnb_wrap li .m_gnb_list2 > li.on.in_depth3 > a,
.m_gnb_wrap li .m_gnb_list2 > li.on.in_depth3 > a{background:url('images/com_/mob/m_menu_uparrow2.png') no-repeat calc(100% - 20px) 50% / 15px;}
.m_gnb_wrap li .m_gnb_list2 > li.open.in_depth3 > a,
.m_gnb_wrap li .m_gnb_list2 > li.open.in_depth3 > a{background:url('images/com_/mob/m_menu_uparrow2.png') no-repeat calc(100% - 20px) 50% / 15px;}


.m_gnb_wrap li .m_gnb_list2 > li > ul > li{padding-left: 10px;position: relative;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li:before {content: '';position: absolute;left: 0;top: 0;width: 2px;height: 100%;background: #e8e8e8;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li:first-child:before {height: 50%;top: 50%;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li:last-child:before {height: 50%;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li.first.last::before {height: 10px;margin-top: -6px;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li > a{padding-left:5px;color:#666;padding:7px 0;border-bottom:none; background:none;border-right:none;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li > a.on{color:var(--main-color);position: relative;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li > a.on:before {content: '';position: absolute;left: -10px;top: 50%;transform: translateY(-50%);width: 2px;height: 10px;background: var(--main-color);}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li:first-child > a.on:before {margin-top: 3px;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li:last-child > a.on:before {margin-top: -3px;}
.m_gnb_wrap li .m_gnb_list2 > li > ul > li.last.first > a.on:before {margin-top: -1px;}

.m_gnb_wrap li.open .m_gnb_list2 > li.in_depth3.on,
.m_gnb_wrap li.open .m_gnb_list2 > li.in_depth3.open {border-bottom: 1px solid #e5e5e5;}
.m_gnb_wrap li.open .m_gnb_list2 > li > ul.depth3 {border-bottom: none;}

.m_gnb_wrap .m_gnb_list2 > li.open.in_depth3 > a{color:#212121;font-weight:600;}

.m_gnb_wrap li.on .m_gnb_list2 > li > ul > li{border-bottom:none;}
.m_gnb_wrap li.on .m_gnb_list2 > li > ul > li > a{padding-left:5px;color:#666666;padding:10px 0 10px;border-bottom:none; background:none;}
.m_gnb_wrap li.on .m_gnb_list2 > li > ul > li > a.on{color:var(--main-color);}
/* .m_gnb_wrap li.on .m_gnb_list2 > li > a.on{color:var(--main-color);} */

.m_gnb{display:none;}
.btn_gnb{display:none;position:absolute;right:0;top:0;width:60px;height:60px;z-index:100;}
.btn_gnb i{display:block;width:25px;height:2px;margin:6px auto 0;background:#333;transition:transform .5s,opacity .3s;}
.btn_gnb i:first-child{margin-top:22px;}
.btn_gnb.on i{position:relative;left:5px;width:24px;margin:6px auto 0;}
.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:#009e4e;}
.mgnb_bottom_box{display: flex;padding: 15px;justify-content: space-between;border-top:1px solid #e5e5e5;}
.mgnb_bottom_box .logout_btn{display:block;float:left; width:100%;height:45px;line-height:45px;text-align:center;color:#fff;background:#8d99a4;}

/* .family_list{position:absolute;bottom:0;left:0;width:100%; clear:both;overflow:hidden;border-top:1px solid #e5e5e5;}
.family_list li{float:left;width:25%;height:70px;text-align:center;border-left:1px solid #e5e5e5;}
.family_list li:FIRST-CHILD{border-left:noen;}
.family_list li a{display:block;padding-top:10px;}
.family_list li span{display:block;padding-top:36px;color:#333333;font-weight:600;}
.family_list li span.bg01{background:url('images/com_/mob/family_list_ic01.png') no-repeat 50% 0;background-size:30px auto; }
.family_list li span.bg02{background:url('images/com_/mob/family_list_ic02.png') no-repeat 50% 0;background-size:30px auto; }
.family_list li span.bg03{background:url('images/com_/mob/family_list_ic03.png') no-repeat 50% 0;background-size:25px auto; }
.family_list li span.bg04{background:url('images/com_/mob/family_list_ic04.png') no-repeat 50% 0;background-size:30px auto; }
 */

.input_group{position:relative;background:#134496 !important ;}
.input_group input[type="text"]{height:50px;line-height:50px;background:#134496 !important ;border:none;color:#fff;}
.input_group .search_input {width:calc(100% - 70px);}
.input_group input[type=text]:-ms-clear{    display:none;}
.input_group .search_clear {position:absolute;   right:40px;   top:0;   bottom:0;   width:25px;   height:40px; margin:auto; cursor:pointer;background:url('images/com_/mob/m_left_clear.png') no-repeat 50% 50%;background-size:15px;text-indent:-9999em;}
.input_group .m_btn_search{position:absolute;   right:0;   top:0;   bottom:0;   width:40px;   height:40px; margin:auto; cursor:pointer;background:url('images/com_/mob/m_btn_search_on.png') no-repeat 50% 50%;background-size:20px auto;text-indent:-9999em;}

/* 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:calc(100% - 230px)}
.ui-dialog .cont_box + .cont_box,
.container .cont_box + .cont_box{margin-top:30px}
.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 ;}

.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;}
.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{width:100%;}*/
.footer_wrap{margin-top: auto;}
/*.footer_wrap.style01{position:relative;width:100%; max-width:none;margin:0 auto;padding:20px 10px 30px;}
.footer_wrap.style01 .footer01{border-bottom:1px solid #e2e2e2;}
.footer_wrap.style01 .footer01 ul{width:100%;max-width:1280px;margin:0 auto;clear:both;overflow:hidden;}
.footer_wrap.style01 .footer01 ul li{float:left;margin-left:20px;padding:20px 0;}
.footer_wrap.style01 .footer01 ul li:before{display:inline-block;vertical-align:middle;margin-right:19px; width:1px;height:8px;content:"";background:#d3d3d3;}
.footer_wrap.style01 .footer01 ul li a{display:inline-block; color:#333;font-weight:600;font-size:14px;padding:5px 0;}
.footer_wrap.style01 .footer01 ul li.first{margin-left:0;}
.footer_wrap.style01 .footer01 ul li.first:before{display:none;}

.footer_wrap.style01 .footer02{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto}
.footer_wrap.style01 .footer02 .footer_left li{display:inline-block;padding-right:10px;}
.footer_wrap.style01 .footer02 .footer_left li:before{display:inline-block;vertical-align:middle;margin-right:8px; width:1px;height:10px;content:"";background:#a4a4a4;}
.footer_wrap.style01 .footer02 .footer_left li a{display:inline-block;color:#555;font-size:15px;}
.footer_wrap.style01 .footer02 .footer_left li.first:before{display:none;}
.footer_wrap.style01 .footer02 .family_site{float:right;}
.footer_wrap.style01 .family_site{position:relative;}
.footer_wrap.style01 .family_site .tit{width:180px;height:33px;box-sizing:border-box;}
.footer_wrap.style01 .family_site .tit a {display:block;height:33px;font-size:13px;border:1px solid #cccccc; padding-left:10px; line-height:33px;color:#7d7d7d; background:#fff url('images/com_/family_site_ic01.png') 95% center no-repeat;border-radius:3px;}
.footer_wrap.style01 .family_site .tit a.on { border-top:1px solid #dbdbdb; background:#fff url('images/com_/family_site_ic02.png') 95% center no-repeat;}
.footer_wrap.style01 .family_site ul  {display:none;position:absolute; bottom:33px;width:100%;z-index:20;}
.footer_wrap.style01 .family_site ul li a {display:block; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:12px 0 12px 10px; font-size:12px; color:#7d7d7d; background:#fff; border-bottom:none;}

.footer_wrap.style01 .footer03{width:100%;max-width:1280px;margin:0 auto;clear:both;overflow:hidden;background:url(/common/1user/common/css/images/common/logo_footer.png) no-repeat calc(100% - 12px) 50%;}
.footer_wrap.style01 .footer03 .address{padding-top:10px;clear:both;overflow:hidden;text-align:center}
.footer_wrap.style01 .footer03 .address li{float:left;text-align:left;color:#888;padding-right:30px;font-size:14px}
.footer_wrap.style01 .footer03 .address li strong{padding-right:10px;}
.footer_wrap.style01 .footer03 .address li ul li{padding-left:10px;padding-right:0;}
.footer_wrap.style01 .footer03 .address li ul li:before{display:inline-block;vertical-align:middle;margin-right:10px; width:1px;height:8px;content:"";background:#d3d3d3;}
.footer_wrap.style01 .footer03 .address li ul li.first{padding-left:0;}
.footer_wrap.style01 .footer03 .address li ul li.first:before{display:none;}
.footer_wrap.style01 .copy{margin-top:12px;font-weight:300;font-size:14px;color:#888;}
.footer_wrap .copy{text-transform:uppercase} */

/* footer */
footer{width:100%;}
.footer_wrap.style01{position: relative;}
.footer_wrap.style01 .footer01{border-bottom:1px solid #e2e2e2;}
.footer_wrap.style01 .footer01 ul{width:100%;max-width:1280px;margin:0 auto;clear: both;overflow: hidden;transition:all 0.5s ease;}
.footer_wrap.style01 .footer01 ul li{float: left;margin-left:20px;padding:20px 0;}
.footer_wrap.style01 .footer01 ul li:before{display: inline-block;vertical-align: middle;margin-right:19px; width:1px;height:8px;content: "";background:#d3d3d3;}
.footer_wrap.style01 .footer01 ul li a{display:inline-block; color:#333;font-weight: 600;font-size:14px;padding:5px 0;}
.footer_wrap.style01 .footer01 ul li.first{margin-left: 0;}
.footer_wrap.style01 .footer01 ul li.first:before{display: none;}

.footer_wrap.style01 .footer02{width:100%;display:flex;max-width: 1440px;margin: 0 auto;padding:15px 0;transition:all 0.5s ease;}
.footer_wrap.style01 .footer02:AFTER{clear: both;overflow: hidden;content: "";}
/* .footer_wrap.style01 .footer02 .footer_left{float: left;} */
.footer_wrap.style01 .footer02 .footer_left li{display: inline-block;padding-right:10px;}
.footer_wrap.style01 .footer02 .footer_left li:before{display: inline-block;vertical-align: middle;margin-right:8px; width:1px;height:10px;content: "";background:#a4a4a4;}
.footer_wrap.style01 .footer02 .footer_left li a{display:inline-block; color:#333;font-weight: 600;font-size:14px;}
.footer_wrap.style01 .footer02 .footer_left li.first:before{display: none;}
.footer_wrap.style01 .footer02 .family_site{margin-left: auto;}
.footer_wrap.style01 .family_site{position:relative;}
.footer_wrap.style01 .family_site .tit{width:180px;height:33px;line-height:33px;box-sizing: border-box;}
.footer_wrap.style01 .family_site .tit a {display:block;height:33px;line-height:33px;font-size:12px;border:1px solid #cccccc; padding-left:10px;  color:#7d7d7d; background:#fff url('images/com_/family_site_ic02.png') 95% center no-repeat;transition:all 0.5s ease;border-radius: 3px;}
.footer_wrap.style01 .family_site .tit a.on { border-top:1px solid #dbdbdb; background:#fff url('images/com_/family_site_ic01.png') 95% center no-repeat;}
.footer_wrap.style01 .family_site ul  {display:none;position:absolute; bottom:33px;width:100%;z-index: 20;}
.footer_wrap.style01 .family_site ul li a {display:block; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:12px 0 12px 10px; font-size:14px;font-weight: 400; color:#7d7d7d; background:#fff; border-bottom:none;}

.footer_wrap.style01 .footer03{width:100%;max-width: 1280px;margin: 0 auto;padding:0 0 20px 0;clear: both;overflow: hidden;transition:all 0.5s ease;}
.footer_wrap.style01 .footer03 .text01{color:#777777;font-weight: 600;}
.footer_wrap.style01 .footer03 .address{padding-top:10px;clear: both;overflow: hidden;}
.footer_wrap.style01 .footer03 .address li{float: left;color:#777777;padding-right: 30px;}
.footer_wrap.style01 .footer03 .address li strong{padding-right:10px;}
.footer_wrap.style01 .footer03 .address li ul li{padding-left:10px;padding-right: 0;}
.footer_wrap.style01 .footer03 .address li ul li:before{display: inline-block;vertical-align: middle;margin-right:10px; width:1px;height:8px;content: "";background:#d3d3d3;}
.footer_wrap.style01 .footer03 .address li ul li.first{padding-left: 0;}
.footer_wrap.style01 .footer03 .address li ul li.first:before{display: none;}


/* aside 왼쪽 서브 메뉴 */
aside.left_gnb{position:absolute;left:0;top:-145px;width:230px;z-index:40;background:#fff;background:#133b7f;transition:all 0.5s ease;}
aside.left_gnb .left_gnb_title{display:table;width:100%;}
aside.left_gnb .left_gnb_title h2{display:table-cell;width:100%;height:145px;padding-top:40px;text-align:left;padding-top:20px;padding-left:25px;font-weight:600;font-size:24px;color:#fff;background:#134496;vertical-align:middle;}
aside.left_gnb nav{text-align:left;display:block;}

.gnb_list {width:100%;padding:0;}
.gnb_list > ul > li {}
.gnb_list a{padding:17px 0 17px 8px;font-weight:600;color:#fff;}
.gnb_list > ul > li .tit a{display:block;padding:17px 0 17px 8px;margin:0 20px;font-weight:600;color:#fff;border-bottom:1px solid #30538f;}
.gnb_list > ul > li .tit a:hover{color:#0dc3ff;background:url('images/com_/lnb_icon_on.png') no-repeat 95% 50%;}
.gnb_list > ul > li .tit a.out_lnk:after {content: '';position: relative;top: 2px;display: inline-block;width: 14px;height: 14px;background: url('../css/portfolio/images/ic_outlnk_off.png') no-repeat 50%;margin-left: 10px;}
.gnb_list > ul > li.open .tit a,
.gnb_list > ul > li.on .tit a{}
.gnb_list > ul > li .tit a span {display:inline-block;}
.gnb_list > ul > li.on .tit a  {color:#0dc3ff;font-weight:600;border-bottom:none;background:url('images/com_/lnb_icon_on.png') no-repeat 95% 50%;}
.gnb_list > ul > li.open .tit a  {color:#0dc3ff;font-weight:600;border-bottom:none;background:url('images/com_/lnb_icon_on.png') no-repeat 95% 50%;}

.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 .sub_gnb ul {background:#134291;}
.gnb_list .sub_gnb ul li {padding:0 20px 0 30px;}
.gnb_list .sub_gnb ul li:first-child a{border-top:none;}
.gnb_list .sub_gnb ul li a {display:block;padding:20px 0 20px 20px;color:#fff;border-top:1px solid #30599e;}
.gnb_list .sub_gnb ul li a:before{display:inline-block;vertical-align:middle;margin-right:5px;width:2px;height:2px;content:"";background:#fff;}
.gnb_list .sub_gnb ul li a.on,
.gnb_list .sub_gnb ul li a:hover{color:#0dc3ff;}
.gnb_list .sub_gnb ul li a.on:before,
.gnb_list .sub_gnb ul li a:hover:before{background:#0dc3ff;}

/*뎁스 스타일 추가*/
.gnb_list > ul > li.no_child .tit a,
.gnb_list > ul > li.open.no_child .tit a,
.gnb_list > ul > li.no_child .tit a:hover,
.gnb_list > ul > li.open.no_child .tit a:hover{background:none}
.gnb_list > ul > li.open.no_child .sub_gnb,
.gnb_list > ul > li.no_child .sub_gnb,
.gnb_list > ul > li.no_child .sub_gnb_w{display:none !important;}

/*제이쿼리 달력*/
.ui-datepicker.ui-widget.ui-widget-content{border:1px solid #c5c5c5;}
.ui-datepicker .ui-datepicker-title select{/*height:24px*/;margin:0;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{vertical-align:middle;margin-left:5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:4px;}
.ui-datepicker-prev{border:none;}
.ui-datepicker-prev:hover{border:none;}
.ui-datepicker-next{border:none;}
.ui-datepicker-next:hover{border:none;}
.ui-datepicker-calendar th:first-child{color:#ff4e00;}
.ui-datepicker-calendar th:last-child{color:#1c86c3;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:42%;}



/* 내용 */
section{position:relative;clear:both;/*overflow:hidden;*/padding:0 0 40px 40px;/*min-height:850px;*/background:#fff;}
.h3_box{height:175px;padding:40px;}
.h3_box h3{font-size:33px;font-weight:500}
section .navigation{display:none;padding-top:10px;}
.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 article{clear:both;overflow:hidden;}
.container article > h3{height:0;overflow:hidden;display:none;}

/* m_navigation */
.sub_visual{background:url(./images/common/sub_visual.jpg) no-repeat 100% 0;}
.sub_visual.sub1{}
.sub_visual.sub2{}
.sub_visual.sub3{}
.sub_visual.sub4{}
.sub_visual.sub5{}
.sub_visual.sub6{}
.h3_box .m_navigation{/* display:block; */display:none;overflow:visible;width:100%;height:auto;margin-top:15px}
.h3_box .m_navigation > ul > li + li::after{content:'';display:inline-block; position:absolute;top:10px;width:1px; height:20px; background:#d6d6d6;}
.h3_box .m_navigation > ul > li.swiper-slide{display:block;position:relative;width:auto;min-width:180px;float:left;height:40px;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:block;position:relative;width:100%;padding:10px 20px;padding-right:60px;color:#333;font-size:14px;}
.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.on > a::after{transform:rotate(180deg)}
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box{position:absolute;top:40px;left:0;display:block;width:100%;padding:10px;border:1px solid #9B9B9B;background:#fff;box-shadow:0 0 10px 2px rgba(0,0,0,0.05)}
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box li a{display:block; font-size:14px; color:#666;padding:5px 10px;word-break:break-all; }
.h3_box .m_navigation > ul > li.swiper-slide.on .depth_box li a:hover{font-weight:600;color:#333}
.h3_box .m_navigation > ul > li.swiper-slide.home{width:40px;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;}


/* 헤딩 */
h4{font-size:20px;color:#666666;padding-bottom:20px;}
/* h4:before{display:inline-block;vertical-align:middle;margin-right:5px;width:8px;height:8px;content:"";background:#666666;border-radius:4px;} */
.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:before{display:inline-block;vertical-align:middle;margin-right:5px;width:4px;height:4px;content:"";background:#666666;border-radius:2px;} */
.h5_style{font-size:18px;color:#666666;/* padding-bottom:15px;*/}
.h5_title{font-size:18px;color:#666666;/* padding-bottom:15px;*/}
/* .h5_style:before{display:inline-block;vertical-align:middle;margin-right:5px;width:4px;height:4px;content:"";background:#666666;border-radius:2px;} */
.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;}
.font_32{font-size:32px;}
.font_30{font-size:30px;}
.font_28{font-size:28px;}
.font_22{font-size:22px;}
.font_20{font-size:20px;}
.font_18{font-size:18px;}
.font_16{font-size:16px;}
.font_15{font-size:15px;}
.font_14{font-size:14px;}
.font_13{font-size:13px;}
.font_12{font-size:12px;}
.u_line{text-decoration:underline;}

a.hyper {color:#009fd9 !important;}
a.hyper:hover{text-decoration:underline;}
.alert{display: inline-block;font-size:13px;color:#e8ad00;padding-left:20px;background:url(./images/common/alert_ic.png) no-repeat 0 1px;}
.star:not(th) {display:inline-block;color:#f13f3f;}
.screen_out {overflow: hidden;clip: rect(0 0 0 0);width: 0;height: 1px;text-indent: -9999px;font-size: 0;}

/* 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 #dedede;border-radius:3px;height:34px;line-height:34px;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;border-radius:10px;}
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 + .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 #1a1a1a;color:#1a1a1a;} /*보더블랙*/
.btn01.col02{background:#333;border:1px solid #333;color:#fff;} /*블랙*/
.btn01.col03{background:#fff;border:1px solid #999;color:#999;} /*보더회색*/
.btn01.col04{background:#b7c1c1;border:1px solid #b7c1c1;color:#fff;} /*회색*/
.btn01.col06{background:#666;border:1px solid #666;color:#fff;} /*진회색*/
.btn01.col07{background:#fff;border:1px solid #868686;color:#303030;} /*기본값*/
.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;}
/* .pageList + .btn_wrap {padding-top: 0;} */
.btn_wrap{/*display:flex;align-items:center;justify-content:space-between;*/clear:both;overflow:hidden;}
.btn_wrap:has(a) {padding-top: 30px;}
.btn_wrap .btn01{min-width:145px;height:48px;padding:0 8px;line-height:48px;}
.btn_wrap .btn01 + .btn01{margin-left:5px}
.btn_wrap .btn01.col02{min-width:170px;}

.btn_wrap .prevBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/pageing_ic_prev.png) no-repeat 0 50%;}
.btn_wrap .listBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/lstBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .delBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/delBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .cclBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/cancelBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .printBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/btn_print.png) no-repeat 0 50%;}
.btn_wrap .editBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/editBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .tempoBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/temposaveBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .saveBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/saveBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .regisBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/regisBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .applyBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/applyBtn_ico.png) no-repeat 0 50%;}
.btn_wrap .applyListBtn span{padding:2px 0 2px 20px;background:url(/common/1user/common/css/images/common/applyListBtn_ico.png) no-repeat 0 50%;}


/* 정렬 */
.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:10px;}
.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;}

/*테이블 - 상단 */
.table_top{clear:both;overflow:hidden;padding-bottom:10px;}
.table_top h4{display:inline-block;padding-bottom:10px;}
.table_top a.btn01{padding:7px 13px;font-size:13px;border:0;}
.table_top .btn01 + .btn01{margin-left:5px}
.table_top .btn01.col01{color:#009e4e;background:#e8fcf2;} /*연두*/
.table_top .btn01.col03{color:#777;background:#f0f0f0;} /*회색*/
.table_top .f_btn{float:right}
.table_top.btn_w h4{margin-top:0 !important;}
.table_top .select select{font-size:14px;color:#666;font-weight:300;height:28px;line-height:28px;border-radius:20px;}
.table_top .select:AFTER{height:26px;margin-top:-16px;}
.table_wrap + .table_top{margin-top:30px}
.table_wrap + .file_box {padding-top: 15px;}
.tab_list .table_wrap + .table_top {margin-top: 15px;}
.table_top .warn{font-size:14px;color:#999}
.table_top .flex_box{justify-content:space-between;}

/*테이블 - 하단 */
.tab_bottom {font-size: 14px; display: flex; justify-content: space-between;}
.tab_bottom em {font-weight: bold; color: #222; display: inline-block; padding-left: 5px;}
.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_bottom a.btn01.col03.delBtn{color:#777;background:#f0f0f0;font-size: 13px;min-width: auto;border: none;} /*회색*/

/* 테이블 */
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 .NO_RESULT p:after {height: 103px;}
.table_wrap td img{max-width:100%;max-height:100%;}
.pc_view{border-top:2px solid #222; overflow-y:auto; overflow-x: auto;}
.table_wrap + .table_wrap,
.table_wrap + .terms_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;font-size:15px;}
.table_wrap table td{line-height:1.2em;font-size:15px;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 .btn01{font-size:14px;padding:7px 10px;min-width:60px;font-weight:400;max-height:40px;vertical-align:middle;}
.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 select{width:100%}
.table_wrap .select {width: fit-content;}
.table_wrap .select + .select {margin-left: 5px;}

.table_wrap table.t_list tbody td.title.notice::before {content:'[공지]';display:inline-block;margin-right:5px;color:#009e4e;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 input[type="text"]{width:100%}
.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;}
.file_box > span{display:none;}
.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}

.ajax-file-upload-statusbar{padding-left:0 !important;}
.ajax-file-upload-statusbar .ajax-file-upload-view,
.ajax-file-upload-progress{display:none !important;}
.ajax-file-upload-filename{margin-bottom:0;font-size:15px;color:#009e4e;}
.ajax-file-upload-statusbar .ajax-file-upload-content{display:flex;align-items:center;height:34px;justify-content: space-between;}
.ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-txts-wrap{position:relative;padding:0; padding-left:40px;}
.ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap{position:static;margin-left:7px;}
.ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-txts-wrap::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';display:block;width:34px;height:34px;border-radius:5px;background:#009e4e url(/common/1user/common/css/images/common/file_view_ic.png) no-repeat 50% 50%;}
.ajax-file-upload-bar{background:#0F2764}
.COMMON_FILEUPLOAD .ui-sortable li,
.COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{margin-top:0;border:0;}
.COMMON_FILEUPLOAD .ui-sortable li + li{margin-top:5px;}
.ico_menu.menu_del{width:15px;height:100%;padding:0;background:url(/common/1user/common/css/images/common/file_hide_txt_ic.png) no-repeat 0 50%;}
.ico_menu.menu_del .hide_txt{text-indent:-9999em;}
.ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap .txtLink.down{position:absolute;right:0;top:0;width:34px;height:34px;border:1px solid #009e4e;background:url(/common/1user/common/css/images/common/btn_down_ic.png) no-repeat 50% 50%;text-indent:-9999em;border-radius:3px;}

.table_wrap.sub_table {min-width:850px;margin-top:20px;border-top:1px solid #e1e5e6}
.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;}

.drag_file .file_sec .requiredHeader{position:absolute;top:-25px;right:0;font-size:13px;color:#aaa;}
.drag_file .file_sec .ajax-file-upload.btnTypeDef{width:100%;height:45px;padding:0;background:#fff url(/common/1user/common/css/images/common/file_drag_ico.png) no-repeat 50% 50%;text-indent:-9999em;font-size:0;border:1px dashed #d1d1d1;border-radius:5px;cursor:pointer;}
.drag_file .file_sec input[type='file']{max-width:100%;}
.drag_file .file_sec.on{border:1px dashed #fbd5e4;border-radius:5px;padding:7px;}
.drag_file .file_sec.on .ajax-file-upload.btnTypeDef{width:auto;height:34px;position:absolute !important;right:0;top:0;padding-top: 0;min-width: 95px;padding-right:12px;padding-left:30px;line-height:32px;color: #009e4e;text-align: left;border:1px solid #009e4e;background: #fff url(/common/1user/common/css/images/common/file_upload_ic.png) no-repeat 12px 50%;box-sizing: border-box;border-radius: 5px;font-size:14px;text-indent:inherit;}
.drag_file .file_sec.on input[type='file']{max-width:200px;}



/*TEXT*/
h3{font-size:26px;font-weight:600;color:#333333;}
h4{font-size:20px;font-weight:500;color:#333333;}
.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:#009e4e;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.type2{flex-wrap: wrap;width: auto;}
.table_top .staTab.left{justify-content: flex-start;float: left;}
.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}


/* button */
/* .btn_wrap{text-align:center;clear:both;overflow:hidden;padding-top:20px;} */
.btn_wrap a + a{margin-left:0;}
.btn_wrap .btn01{min-width:80px;}

a.btn01{padding:11px 10px;font-size:14px;opacity:1;display: inline-flex;align-items: center;justify-content: center;}
a.btn01,
a.btn01 span{line-height:1}
a.btn01:active{transform:scale(0.95)}
/* a.btn01:hover{opacity:0.8;} */
/* a.btn01.col01:hover{color:#262626;border:1px solid #6b6b6b;background:#bfbfbf; } */
/* a.btn01.col02{color:#fff;background:#009e4e; border:1px solid #009e4e;} */
/* a.btn01.col07{color:#103ea6;background:#ffffff; border:1px solid #e1e1e1;}
a.btn01.col08{color:#fff;background:#0C2E86; border:1px solid #0C2E86;} */

.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.btn01.col01{color:#009e4e;border:1px solid #009e4e; background:#fff;} /*초록*/
.table_wrap a.btn01.col03{color:#999;background:#fff;border:1px solid #999; } /*연회색*/
.table_wrap a.btn01.col04{color:#666;background:#fff; border:1px solid #6e6e6e;} /*진회색*/
.table_wrap a.btn01.col05,a.btn01:disabled{color:#bdbdbd;background:#f1f1f1;border:1px solid #f1f1f1;cursor:context-menu;transform:none;} /*dis 회색*/
.table_wrap a.btn01.disabled {cursor: text;}
.table_wrap a.btn01.col06{color:#978c43;border:1px solid #978c43; background:#fff;} /*카키*/
.table_wrap a.btn01.col01.view{width:34px;min-width:unset !important; background-image:url(./images/common/btn_view_ic.png);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999em;}
.table_wrap a.btn01.col01.prt{width:34px;min-width:unset !important;background-image:url(./images/common/btn_prt_ic.png);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999em;}
.table_wrap a.btn01.col01.down{width:34px;min-width:unset !important;background-image:url(./images/common/btn_down_ic.png);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999em;}
.table_wrap a.btn01.col01.down:has( + .down), .table_wrap a.btn01.col01.down + .down {margin: 2px !important;}
.table_wrap a.btn01.col01.copy{width:34px;min-width:unset !important;background-image:url(./images/common/btn_copy_ic.png);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999em;}
.table_wrap a.btn01.col03.ccl{width:34px;min-width:unset !important;background-image:url(./images/common/btn_ccl_ic.png);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999em;}
.table_wrap a.btn01.col03.del{width:34px;min-width:unset !important;background-image:url(./images/common/btn_del_ic.png);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999em;}

.table_wrap a.btn02{padding:6px 5px;display:inline-block;height:34px;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:#009e4e; background:#fff;border:1px solid #009e4e;} /*핑크*/
.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:#009e4e; border:1px solid #009e4e;}
.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_wrap #repnCmnFileBtn{margin:0 4px}

/* 라벨 디자인 */
.lb{display:inline-block;font-size:14px;min-width: 55px;line-height: 24px;border-radius:45px;padding: 0 10px;}
.lb + .lb{margin-left:5px;}
.lb.col0001{color:#1971b3;background:#e4f2fc;} /* 승인, 수료 */
.lb.col0002{color:#fa9f35;background:#fff2e3;} /* 대기 */
.lb.col0003{color:#999;background:#f0f0f0;} /* 마감, 취소 */
.lb.col0004{color:#3db291;background:#e1f5f0;} /* 신청, 접수 */
.lb.col0005{color:#fb615a;background:#ffedec;}
/* 외부비교과 상태값 */
.lb.out.col0001 {color:#3db291;background:#e1f5f0;}
.lb.out.col0002 {color:#1971b3;background:#e4f2fc;}
.lb.out.col0003 {color:#fb615a;background:#ffedec;}

.label{display:inline-block;border-radius: 45px;line-height: 24px;font-size: 14px;padding: 0 10px;text-align: center;min-width: 60px;background:#f0f0f0;}
.label.bg01{background:#e26968;}
.label.bg02{background:#da993b;}
.label.bg03{background:#5086de;}
.label.bg04{background:#b66be0;}


.table_top_wrap{padding-bottom:10px;}
.table_top_wrap .btn01 {font-size: 14px;}
.table_top_wrap .btn01 + .btn01{margin-left:4px}
.table_top_wrap a.btn01.col04{padding:6px 12px;color:#fff;letter-spacing:-0.5px; background:#666666;border:1px solid #666666; }
.table_top_wrap a.btn01.col06{padding:6px 12px;color:#fff;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; }

/*테이블 파일 리스트*/
.ul_file{}
.ul_file li{display:block;padding-top:5px;}
/* .ul_file li:first-child{padding-top:0;} */

.ul_file li a{color:#103ea6;padding-right:0;padding-left:0; padding-bottom:1px;opacity:1;background:none;}
.ul_file li a:HOVER{text-decoration:underline;opacity:0.8}

.hasDatepicker{background:#fff url(images/com_/icon_date.png) no-repeat 5px center;background-size:18px auto;}
input[type='text'].hasDatepicker:focus{background-color:#fbfae7;}

.ui-datepicker-header{background:#009e4e;}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active{border:1px solid #009e4e;background:#009e4e;}

.btn_top{display:none}

/* 댓글 */
.reply_box.re_reply {padding-left:30px;background:url(./images/common/reply00.png) no-repeat 10px 15px #fbfdfc}
.reply_wrap{padding-top:65px;}
.reply_wrap .reply_box_top {display: flex;align-items: center;justify-content: space-between;font-size:16px;color:#212121;padding-bottom: 20px;}
.reply_wrap .reply_rep > b{padding-left:20px;background:url(./images/com_/re_num_ic.png) no-repeat 0 3px;}
.reply_wrap .reply_box_top span{color:#009e4e;font-weight:600;font-size: 20px;padding: 0 5px 0 10px;}
.reply_writing_w{display: flex;align-items: center;gap: 10px;box-sizing:border-box; padding:20px;margin-bottom:30px;background:#fafafa;border-radius: 10px;}
.reply_writing_w .reply_{border-radius: 6px;align-self: stretch;min-height: auto;}
.reply_writing_w .reply_::placeholder{color: #999;}
.reply_writing_w .btn01{height:88px;line-height:88px;padding:0;width:100px;flex: none;}
.reply_con_list {padding: 30px;background:#fafafa;border-radius: 10px;}
.reply_writing_w:not([style*="display: none"]) + .reply_box {border-radius: 10px 10px 0 0;}
.reply_box .reply_top{padding-bottom:15px;display: flex;align-items: center;justify-content: space-between;}
.reply_box .reply_top .reply_name{color:#212121;font-weight:500;}
.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 .reply_name .reply_date{display:inline-block;margin-left:10px;color:#999999;font-size:14px;}
.reply_box .reply_top .reply_btn{display: flex;align-items: center;gap: 10px;}
.reply_box .reply_top .reply_btn li a{display:inline-block;font-size: 15px;color: #999;}
.reply_box .reply_top .reply_btn li + li:before {content: '';display: inline-block; position: relative;left: 0;top: 0;width: 1px; height: 10px;border-left: 1px solid #999;margin-right: 10px;}
.reply_box .reply_top .reply_btn li a span{display:block;font-size:14px;line-height: 30px;}

.reply_box + .reply_writing_w{border-top:none;}
.reply_box + .reply_box{border-top:1px dashed #e6e6e6;}
.reply_box .reply_con{line-height:1.5em;padding-bottom:0;color:#666;min-height: 50px;}
.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;}
.reply_box.re_reply{background:#fafafa}
/* .reply_box.re_reply:FIRST-CHILD{border-top:1px solid #d8d8d8;} */
.reply_box.re_reply .reply_top{/* padding-left:28px;background:url('images/common/reply00.png') no-repeat 0 3px; */}
.reply_box.re_reply .reply_con{padding-left:20px; }
.reply_box.re_reply .re_bytes{padding-top:10px;width:calc(100% - 105px);text-align:right;color:#a4a4a4;}
.reply_box.re_reply .re_bytes span{color:#000;}
.reply_box.re_reply .re_reply_mod_w{position:relative;width:100%;margin-top:30px;padding:33px 0 0 28px;border-top:1px dashed #e3e3e3;}
.reply_box.re_reply .re_reply_mod_w .reply_{width:calc(100% - 105px);;height:90px;min-height:90px;}
.reply_box.re_reply .re_reply_mod_w .btn01.col02{position:absolute;top:33px;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_mod_w .btn01.col03{position:absolute;top:80px;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_writing_w{position:relative;width:100%;padding:0 0 0 28px;background:url('images/com_/re_ic.png') no-repeat 0 3px;}
.reply_box.re_reply .re_reply_writing_w .reply_{width:calc(100% - 105px);height:90px;min-height:90px;}
.reply_box.re_reply .re_reply_writing_w .btn01.col02{position:absolute;top:0;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_writing_w .btn01.col03{position:absolute;top:47px;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box .re_more{color:#000;font-size:14px;}
.reply_box .re_more > a{display:block;text-align:center; padding: 15px 0;border-top: 1px solid #d8d8d8;}
.reply_box .re_more > a.on:after {transform: rotate(180deg);}
/* .reply_box .re_more > a:HOVER{background:#dbdbdb;} */
.reply_box.re_reply .reply_top .reply_name{padding-left:20px;background:url('images/com_/re_ic.png') no-repeat 0 6px;}

.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:30px;}
.table_list_wrap + .search_form{margin-top:20px;}
.table_list_wrap + .table_top{margin-top:20px;}
.tab_top_wrap:has(h4) + .table_wrap {margin-top: 20px;}
.tab_top_wrap:has(.select) + .table_list_wrap {margin-top: 10px;}
.btn_wrap + .table_list_wrap{margin-top:20px;}

/* tab style (중간 탭)*/
.tabType01 {width:100%;margin-bottom:30px;margin-top:-5px; padding-bottom:0; overflow:hidden;}
.tabType01 ul{display:block; clear:both;}
.tabType01 ul li {display:table; float:left; text-align:center;box-sizing:border-box;margin-right:8px;margin-top:5px;}
.tabType01 ul li:LAST-CHILD{margin-right:0;}
.tabType01 ul li a{display:table-cell; margin-left:-2px; height:40px; vertical-align:middle;padding:0 30px; color:#bdbdbd; font-size:15px;font-weight:500;border-radius:50px;background:#fff;border:1px solid #bdbdbd; }
.tabType01 ul li a:hover,
.tabType01 ul li.on a {border-color:#009e4e;color:#009e4e;}
.tabType01.scroll_w{overflow-x:auto;}
/* tab style 추가 25.5.14 */
.tabType02 {margin-bottom: 25px;}
.tabType02 ul {display: flex; gap: 10px; word-break: keep-all; align-items: stretch;}
.tabType02 ul>li {flex: 1;}
.tabType02 ul>li>a {display: flex; align-items: center; justify-content: center; height: 100%; padding: 11px 10px; text-align: center; border-radius: 5px; border: 1px solid #dbdbdb; color: #bdbdbd; font-weight: 600;}
.tabType02 ul>li.on>a {border-color:#009e4e; color: #009e4e;}


/* 체크박스공통 */
.check {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;vertical-align:middle;}
.check:has(input:disabled) {cursor:default;}
.check 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;}
.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;height:40px; line-height:40px;font-size:15px;vertical-align:middle;}/* 텍스트는 디자인에 맞게 변경 */
.check input:checked + .ico,
.check input:checked + input[type="hidden"] + .ico {border-color:#009e4e;background-color:#009e4e;background-image:url(/common/1user/common/css/images/common/check_ic.png); background-position: center; background-repeat: no-repeat;}/* 체크됐을때, 이미지변경 */
.check input:disabled + .ico + .txt{opacity:0.7;}

.table_wrap .t_list th .check{height:16px;min-height:16px;}
.table_wrap .t_list th .check .txt{padding-left:17px;height:16px;line-height:16px;}
.table_wrap .t_list td .check .txt{padding-left:17px;}

.table_wrap .t_view .check .txt{height:20px;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 .txt{height:20px;}
.t_list .check .txt{line-height:20px;}

.ptfolRsm .check input:checked + input[type="hidden"] + .ico{border-color:#009e4e;background-image:url(/common/1user/common/css/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;display:none;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:50%;width:16px;height:16px;margin-top:-8px;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:#009e4e} */
.radio .txt {display:inline-block;padding-left:25px;height:34px; line-height:34px;font-size:15px;vertical-align:middle;letter-spacing:0}/* 텍스트는 디자인에 맞게 변경 */
.radio .txt.pl16{padding-left:16px;}
.radio input:checked + .ico {border-color:#009e4e;background:url(/common/1user/common/css/portfolio/images/radio_chk.png) no-repeat 50% 50%;}
/* .radio input:checked + .ico::after{display:block} */
.radio input:disabled + .ico + .txt{opacity:0.7;}


.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 label{position:relative;padding-left:25px;}
.radio_sty label::before,
.radio_sty label::after{content:'';display:block;position:absolute;top:50%;box-sizing:border-box}
.radio_sty label::before{content:'';left:0;width:16px;height:16px;margin-top:-8px;border:1px solid #DEDEDE;border-radius:50%;background:#fff}
.radio_sty label::after{display:none;top:50%;left:3px;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#009e4e}
.radio_sty input:checked + label::before{border-color:#009e4e}
.radio_sty input:checked + label::after{display:block}

.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;}/* 체크됐을때, 이미지변경 */

.table_top .ul_inblock li{padding-right:7px;}
.table_top .ul_inblock li:before{content:"";display:inline-block;margin-right:7px;width:3px;height:3px;background:#b2b2b2;border-radius:50%;transform:translateY(-3px);}
.table_top .ul_inblock li.first:before{display:none;}
.table_top .ul_inblock .btn01{font-size:14px;padding:5px 10px;}
.radio_type2 a, .view_tab a{font-size:14px;font-weight:400;position:relative;color:#bbb;}
.radio_type2 a.on,.view_tab a.on{font-weight:500;color:#333}
.radio_type2 a::before,.view_tab a::before{content:'';display:none;position:absolute;bottom:0;left:0;width:100%;height:10px;background:#fdefbe;border-radius:20px;}
.radio_type2 a.on::before,.view_tab a.on::before{display:block;}
.radio_type2 a.on span,.view_tab a.on span{position:relative;}
.view_tab .ul_inblock li{padding-right:7px;}
.view_tab .ul_inblock li:before{content:"";display:inline-block;margin-right:7px;width:3px;height:3px;background:#b2b2b2;border-radius:50%;transform:translateY(-3px);}
.view_tab .ul_inblock li:first-child:before{display:none;}


.table_wrap table.t_list tbody th.bd_b{border-bottom:1px solid #d0d0d0 !important;}

/*테이블 - 리스트*/
.table_wrap table.t_list thead th{padding:14px 5px;text-align:center;color:#333333;border-bottom:1px solid #d0d0d0;font-weight:500;letter-spacing:-0.5px;}
.table_wrap table.t_list thead th.th_line{padding:10px 5px;}
.table_wrap table.t_list thead th.whs{white-space:nowrap;letter-spacing: -0.07em;text-indent: -0.5em;}
.table_wrap table.t_list tbody th{padding:12px 5px;color:#333333;text-align:center;font-weight:500;border-bottom:1px solid #e1e5e6;background:#fafafa;border-right:1px solid #e1e5e6;letter-spacing:-0.5px;}
.table_wrap table.t_list tbody td{padding:14px 5px;text-align:center;border-right:1px solid #e1e5e6;border-bottom:1px solid #e1e5e6;letter-spacing:-0.5px;}
.table_wrap table.t_list tbody tr:last-child th,
.table_wrap table.t_list tbody tr:last-child td{border-bottom-color:#d0d0d0;}
.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:17px;/* padding-right:17px; */clear:both;overflow:hidden;}
.table_wrap table.t_list tbody td.title.t_center{padding-left:5px;}
.table_wrap table.t_list tbody td.title a{padding-bottom:1px;}
.table_wrap table.t_list tbody td.title a:hover{opacity:0.8;color:#103ea6;}
.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{padding:0 10px;height:34px;line-height:32px;min-width:unset;}
.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 .btn01.widauto{width:auto;}
.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:14px;background:url('images/com_/icon_secret.png')  no-repeat 0 center;text-indent:-9999em;vertical-align:middle;}
.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,
.table_wrap table.t_list thead th.input_td{padding:8px 5px;}
.table_wrap table.t_list tbody td.td_btn{padding:8px 5px;}
.table_wrap table.t_view tbody td.input_td{padding:8px 15px;}
.table_wrap table.t_view tbody td.input_td.editor_box {padding: 10px 15px;}

.table_wrap.mob_view table.t_list tbody th{padding:18px 10px 18px 10px;text-align:center;font-weight:400;border-bottom:1px solid #e1e5e6;background:#fcfcfc;border-right:1px solid #e1e5e6;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;}

/* list_type 추가 :: Q&A */
.table_wrap table.t_list.list_type tbody td {border: none;border-bottom: 1px solid #e1e5e6;}
.table_wrap table.t_list.list_type tbody td.title {font-size: 18px;font-weight: 600;}
.table_wrap table.t_list.list_type tbody td.title a {max-width: 100%;line-height: 49px;}
.table_wrap table.t_list.list_type tbody td.title a:has(+ .ic_secret) {max-width: calc(100% - 20px);}
.table_wrap table.t_list.list_type tbody td .ic_secret {display: inline-flex;height: 49px;margin-left: 5px;margin-right: 0;vertical-align: top;}
.table_wrap table.t_list.list_type .info {display: flex;align-items: center;justify-content: flex-end;gap: 8px;font-size: 14px;color: #444;font-weight: 500;}
.table_wrap table.t_list.list_type .info dl {display: flex;}
.table_wrap table.t_list.list_type .info dl + dl {padding-left: 8px;position: relative;}
.table_wrap table.t_list.list_type .info dl + dl::before {content: '';position: absolute;left: 0;top: 4px;width: 1px;height: 10px;background: #b5b5b5;}
.table_wrap table.t_list.list_type .info .date,
.table_wrap table.t_list.list_type .info .view {position: relative;padding-left: 14px;}
.table_wrap table.t_list.list_type .info .date:before,
.table_wrap table.t_list.list_type .info .view:before {content: '';position: absolute;left: 0;top: 4px;width: 11px;height: 11px;display: block;background-repeat: no-repeat;background-position: center;}
.table_wrap table.t_list.list_type .info .date:before {background-image: url(../css/portfolio/images/ic_cal3.png);}
.table_wrap table.t_list.list_type .info .view:before {background-image: url(../css/portfolio/images/ic_view.png);}

/* 테이블 리스트 라인 오버 */
/* .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:#fcfcfc;border-bottom:1px solid #e1e5e6;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 #e1e5e6;border-left:1px solid #e1e5e6;background:#f9fafb;}
.table_wrap table.t_input tbody td{padding:18px 10px 18px 20px;text-align:left;border-bottom:1px solid #e1e5e6;border-left:1px solid #e1e5e6;}
.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:500;background:#fafafa;border-bottom:1px solid #e1e5e6;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:#333;text-align:center;font-weight:500;border-bottom:1px solid #e1e5e6;background:#fafafa;border-right:1px solid #e1e5e6;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:16px 10px 16px 20px;border-bottom:1px solid #e1e5e6;border-right:1px solid #e1e5e6;border-left:1px solid #e1e5e6;}
/*.table_wrap table.t_view.board_view tbody td{border-left:none;border-bottom: 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:100px;line-height:1.4em;text-align:left;font-size:15px;color:#666;padding: 10px 0;}
.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 #e1e5e6;border-left:1px solid #e1e5e6;text-align:center;background:#fafafa;}
.table_wrap table tfoot td{padding:18px 10px 18px 20px;font-weight:400;border-bottom:1px solid #e1e5e6;border-left:1px solid #e1e5e6;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}

.table_wrap table.t_view .COMMON_FILEUPLOAD {display: flex;flex-wrap: wrap;flex-direction: row-reverse;justify-content: space-between;}
.table_wrap table.t_view .COMMON_FILEUPLOAD .ui-sortable, .table_wrap table.t_view .COMMON_FILEUPLOAD .errorLog {width: 100%;}
.table_wrap table.t_view .COMMON_FILEUPLOAD .ui-sortable li {margin-top: 3px;}
.bt08{border-top:1px solid #e1e5e6;}

.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 .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;overflow:hidden;}
.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 #009e4e;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 #009e4e;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 #009e4e;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 #009e4e;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;}

.survey_wrap + .table_wrap,
.table_wrap + .survey_wrap{margin-top:20px}

.tab_top_wrap{overflow: hidden;}
.tab_top_wrap h4 {padding: 0;}
.table_wrap + .tab_top_wrap{margin-top:30px;}
.tab_top_wrap .m_list_view{display:none;float:right;padding-bottom: 20px;}
.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;overflow:hidden;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 #109959;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 #109959;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 #109959;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 #109959;background:url("images/com_/mob/m_tab_list_2_on.png") no-repeat 50% 50%;background-size:18px auto;}
.top_btn_wrap{padding-top:20px;text-align:right;}
.table_wrap.mob_view{display:none;}
.fmco{display: flex; align-items: center; justify-content:space-between; padding-bottom:0px !important;}

/* 이미지 갤러리 */
.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 #e1e5e6;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{width: auto;
    height: 30px;
    padding-top: 0;
    min-width: 95px;
    height: 34px;
    padding-right: 12px;
    padding-left: 30px;
    line-height: 32px;
    color: #009e4e;
    text-align: left;
    border: 1px solid #009e4e;
    background: #fff url(/common/1user/common/css/images/common/file_upload_ic.png) no-repeat 12px 50%;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    text-indent: inherit;cursor:pointer;}
/* .ajax-file-upload.btnTypeDef:hover{color:#2b2b2b;background:#bbbbbb;border:1px solid #a9a9a9; } */
.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;}
.ul_list2.label_pop li .cou_label{text-indent:0;line-height:1;}

/* 개인정보동의박스 */
.con_box + .terms_wrap{margin-top:30px}
.terms_wrap {position:relative;overflow:hidden;/*padding-bottom:80px;*/border:1px solid #e4e4e4;border-radius:10px;background:#fff}
.terms_wrap .terms_top {padding: 30px 30px 20px;}
.terms_guide_wrap + .terms_wrap,
.terms_wrap + .terms_wrap{margin-top:30px}
.terms_wrap .terms_title {color:#333;font-size:20px;font-weight:600;text-align:center}
.terms_wrap .terms_title span:not(.col_red){display:block;font-size:14px;color:#999;font-weight:300;margin-top:7px;}
.terms_wrap .terms_title span.col_red{color:#f13f3f}
.terms_wrap .terms_title > p{font-size:15px;font-weight:400;margin-top:15px;color:#666;text-align:center;line-height:1.6;}
.terms_wrap .terms_box {background-color: #fafafa; border-radius: 5px; padding: 18px 30px; font-size: 15px;}
.terms_wrap .num_box > div,
.terms_wrap .terms_box .dl_box > dl{padding:25px 30px;line-height:1.4;border-radius:10px;background:#fafafa;}
.terms_wrap .terms_chk {/*position:absolute;left:0;bottom:0;*/border-radius: 0 0 10px 10px; border: 1px solid transparent; padding: 0 30px 20px; width:100%;text-align:center;}
/* .terms_wrap .terms_chk::before{position:absolute;content:'';display:block;width:calc(100% - 60px);height:1px;background:#e8e8e8;left:30px;} */
.terms_wrap .terms_chk.on {background-color: #f2faf6; border-color: #009e4e;}
.terms_wrap .terms_chk > p{position:relative;padding-top:22px;font-size:16px;color:#999; border-top: 1px solid #e8e8e8;}
.terms_wrap .table_wrap + p{margin-top:10px}
.terms_wrap.chk{border-color:#E8E8E8;background:#fff}
.terms_wrap.chk .terms_title::before{background-color:#F4F7FF}
.terms_wrap.chk .terms_box{background:#FAFAFA}
.terms_wrap.chk .terms_chk .check{border:0;background:#3C72FE}
.terms_wrap.chk .terms_chk .check .txt{color:#fff}
.terms_wrap .num_box {display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-top: 20px;}
.terms_wrap .num_box .terms_box > p{font-size:20px;color:#333;font-weight:700;padding-bottom:10px;background-repeat:no-repeat;background-position:100% 28%;}
.terms_wrap .num_box .terms_box:first-child > p{background-image:url(./images/common/counsel_agr_ic1.png)}
.terms_wrap .num_box .terms_box:nth-child(2) > p{background-image:url(./images/common/counsel_agr_ic2.png)}
.terms_wrap .num_box .terms_box:nth-child(3) > p{background-image:url(./images/common/counsel_agr_ic3.png)}
.terms_wrap .num_box .terms_box:nth-child(4) > p{background-image:url(./images/common/counsel_agr_ic4.png)}
.terms_wrap .num_box .terms_box > p em {border-bottom:1px solid #333;}
.terms_wrap .num_box .terms_box > span{font-size:15px; word-break: keep-all;}

.terms_wrap .terms_box .dl_box dl{display:flex;}
.terms_wrap .terms_box .dl_box dl + dl{margin-top:5px;}
.terms_wrap .terms_box .dl_box dl dt{font-size:15px;color:#333;padding-left:27px;margin-right:10px;background-repeat:no-repeat;background-position:0 3px;}
.terms_wrap .terms_box .dl_box dl dd{position:relative;font-size:15px;color:#666;padding-left:10px;}
.terms_wrap .terms_box .dl_box dl dd::before{content:'';display:block;position:absolute;left:0;top:3px;width:1px;height:12px;background:#ddd;}
.terms_wrap .terms_box .dl_box dl:first-child dt{background-image:url(./images/common/terms_ic1.png);}
.terms_wrap .terms_box .dl_box dl:nth-child(2) dt{background-image:url(./images/common/terms_ic2.png);}
.terms_wrap .terms_box .dl_box dl:nth-child(3) dt{background-image:url(./images/common/terms_ic3.png);}

.terms_wrap.chk_only,
.ui-dialog .terms_wrap.chk_only{padding:0;border:0;background:none}
/* .ui-dialog .terms_wrap{padding:30px} */

.terms_wrap .terms_box ul li{padding-top:10px;}
.terms_wrap .terms_box ul li:FIRST-CHILD{padding-top:0;}
.terms_wrap .terms_box ul.t_indent{text-indent:-17px;padding-left:17px;}

/* 페이징 */
.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;}

.con_box:has(.no_data_box) .tab_bottom,
.con_box:has(.no_data_box) .pageList,
.con_box:has(.NO_RESULT) .tab_bottom,
.con_box:has(.NO_RESULT) .pageList {display: none;}

/* 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;min-width:15px;width:32px;height:32px;background:none;line-height:32px;font-size:13px;color:#666;border-radius:50%;}
/* .pageList li a::before{content:'';display:none;position:absolute;left:50%;bottom:6px;width:8px;height:2px;margin-left:-3px;background:#009e4e} */
.pageList li.on a,
.pageList li a:hover{background:#333;font-weight:600;color:#fff}
/* .pageList li.on a::before,
.pageList li a:hover::before{display:block} */
.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:20px;height:32px;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(/common/1user/common/css/portfolio/images/pageing_ic_first.png)}
.pageList li:nth-child(2) a{background-image:url(/common/1user/common/css/portfolio/images/pageing_ic_prev.png)}
.pageList li:nth-last-child(2) a{background-image:url(/common/1user/common/css/portfolio/images/pageing_ic_next.png)}
.pageList li:last-child a{background-image:url(/common/1user/common/css/portfolio/images/pageing_ic_last.png)}
/* .pageList li:nth-child(1) a:hover{border-color:#009e4e;background-image:url(./images/common/pageing_ic_first_over.png)}
.pageList li:nth-child(2) a:hover{border-color:#009e4e;background-image:url(./images/common/pageing_ic_prev_over.png)}
.pageList li:nth-last-child(2) a:hover{border-color:#009e4e;background-image:url(./images/common/pageing_ic_next_over.png)}
.pageList li:last-child a:hover{border-color:#009e4e;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:#009e4e}
.page_list li.on a,
.page_list li a:hover{background:none;font-weight:600;color:#009e4e}
.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:#009e4e;background-image:url(./images/common/pageing_ic_first_over.png)}
.page_list li:nth-child(2) a:hover{border-color:#009e4e;background-image:url(./images/common/pageing_ic_prev_over.png)}
.page_list li:nth-last-child(2) a:hover{border-color:#009e4e;background-image:url(./images/common/pageing_ic_next_over.png)}
.page_list li:last-child a:hover{border-color:#009e4e;background-image:url(./images/common/pageing_ic_last_over.png)}
.fr{text-align: right}


/* 페이지 정보 */
.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;}

/* .search_form */
.search_form{width:100%;padding:10px;margin-bottom:20px;border:1px solid #E0E0E0;background:#FCFCFC}
.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 dt{width:100%}
.search_form > li dd{width:100%;padding-top:5px}
.search_form li .search_title{display:inline-block;height:auto;font-size:14px;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%;border:1px solid #e0e0e0}
.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 > 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.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 .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 .search_bar_wrap select + input[type="text"]{width:calc(100% - 370px);}
.search_form > li .search_bar_wrap input[type="text"]{width:calc(100% - 200px);}
.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 #searchBtn,
.search_form .search_bar_wrap #dialogSearchBtn{width:145px;border-radius:50px;border:0;background:#009e4e;color:#fff;font-size:14px;text-align:center;}
.search_form .search_bar_wrap #searchBtn span,
.search_form .search_bar_wrap #dialogSearchBtn span{display:inline-block;padding:4px 0;padding-left:25px;background:url(./images/common/search_btn_ic.png) no-repeat 0 50%;background-size: 16px;}
.search_form .search_bar_wrap #resetBtn,
.search_form .search_bar_wrap #dialogResetBtn{width:50px;min-width:40px;border:1px solid #009e4e;border-radius:50px;text-indent:-9999px;background:url(./images/common/reset_btn_ic.png) no-repeat 50% 50%}
.search_form .search_bar_wrap .btn01:hover{opacity:0.8}
.search_form li.only_btn{text-align:center;padding:20px 0 10px}
.search_form a.btn01.org_search{width:auto;min-width:90px;padding:10px 2px;border-color:#848C93;border-radius:50px;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 .btn01.det_btn{width:120px;padding:0;border:1px solid #009e4e;border-radius:50px;background:none;font-size:13px;color:#009e4e}
.search_form .btn01.det_btn span{position:relative;padding:0;}

.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}

/*================== 검색단 srchType2 ========================*/

/* .search_form */
.srchType2.search_form .select::after{display:none;}
.srchType2.search_form select{background-image:url(./images/common/select_arrow_2.png);}
.srchType2.search_form select,
.srchType2.search_form .select select,
.srchType2.search_form input[type="text"] {font-weight:400; border-color: #fff; border-bottom-color: #ccc; color: #333;}
.srchType2.search_form input::-webkit-placeholder{color:#999;}
.srchType2.search_form input::-moz-placeholder{color:#999;opacity:1}
.srchType2.search_form input::-ms-placeholder{color:#999;}
.srchType2.search_form input::placeholder{color:#999;}
.srchType2.search_form .check .txt,
.srchType2.search_form .radio .txt{font-size:14px;font-weight:300;color:#1b1b1b;padding-left:24px;}
.srchType2.search_form .ul_inblock li{padding-right:15px;}

.srchType2.search_form {border-color: #ebebeb; border-radius:10px; background:#fff; padding: 10px;}
.srchType2.search_form > li {display:flex; flex-wrap:wrap;
/*  gap: 20px 30px; */
 }
.srchType2.search_form > li .year-sm{display:flex;} /*년도-학기 묶어놨다가 모바일에서 50%*/
.srchType2.search_form > li dl{display:flex;width:auto;align-items: center; padding: 10px;gap: 5px;}
.srchType2.search_form > li.dl3 dl{width:33.33%}
.srchType2.search_form > li.dl2 dl{width:50%}
.srchType2.search_form > li dt{display:flex;flex-direction:column;justify-content:center;width:auto;min-width:70px;}
/*.srchType2.search_form > li .search_bar_wrap:not(.type2) dt {min-width: 35px;}*/
.srchType2.search_form > li .no_tit dt{display:none;}
.srchType2.search_form > li dd{width:auto; padding-top:0;}
/* .srchType2.search_form > li dd.org_dd {gap: 20px;} */
.srchType2.search_form > li dd.type2 {flex-wrap: wrap;}
.srchType2.search_form li .search_title{color:#1b1b1b; font-weight: 500;}
.srchType2.search_form dl dd,
.srchType2.search_form .line_box{display:flex;align-items:center;}
.srchType2.search_form .line_box{width:auto;}
/* .srchType2.search_form select[name="jobType1Sh"],
.srchType2.search_form select[name="jobType2Sh"]{width:227px;} */
.srchType2.search_form select{background-position:100% 50%; padding: 0 15px 0 10px; box-sizing: border-box; min-width: 90px;}
.srchType2.search_form select + select{margin-left:5px}
.srchType2.search_form .flex_date>em {display: inline-block; padding: 0 5px;}
.srchType2.search_form .flex_date select {border: none; min-width: 75px;}
.srchType2.search_form .flex_date .select {border-bottom: 1px solid #ccc; padding-left: 10px; display: flex; align-items: center;}
.srchType2.search_form .flex_date .select:before {content: ''; display: block; min-width: 20px; height: 20px; background: url('./portfolio/images/ic_cal2.png') no-repeat center;}
.srchType2.search_form input[type="text"] + .btn01,
.srchType2.search_form input + .btn01{margin-left:5px;}
.srchType2.search_form .comm_set + input[type="text"],
.srchType2.search_form .cdDiv + input[type="text"],
.srchType2.search_form .cd + input[type="text"] {margin-top:0}
.srchType2.search_form .resetBtn {margin-left: 20px;}
.srchType2.search_form .btn_box .resetBtn {margin-left: 0;}
.srchType2.search_form .detail_box{display:none;}
.srchType2.search_form.on .detail_box{display:flex; padding-top: 20px;}
/* .srchType2.search_form .detail_box.chk dl dt{width:95px;} */
.srchType2.search_form .detail_box_gp{display:flex;flex-wrap:wrap;}
.srchType2.search_form > li.user_dl2 dl{width:50%}
.srchType2.search_form .search_bar_wrap.only_btn{width:auto;border-left:0;text-align:left}
.srchType2.search_form .search_bar_wrap.only_btn dt{display:none}
.srchType2.search_form .search_bar_wrap.only_btn dd{width:100%;padding-top:0;padding-left:0;justify-content:flex-start}
.srchType2.search_form .org_dd:not(:has(.auto_input_box)){width: 240px;justify-content: space-between;border-bottom: 1px solid #ccc;}
.srchType2.search_form .od02{width:315px !important;}
/* search_bar_wrap */
.srchType2.search_form > li .search_bar_wrap{width:auto;}
.srchType2.search_form > li .search_bar_wrap.wide {width: 50%; min-width: 440px;}
.srchType2.search_form > li .search_bar_wrap.wide dd,
.srchType2.search_form > li .search_bar_wrap.wide input[type="text"] {width: 100%;}
/* .srchType2.search_form > li dl + .search_bar_wrap{width:75%}
.srchType2.search_form > li dl + dl + .search_bar_wrap,
.srchType2.search_form > li dl.col2 + .search_bar_wrap{width:50%}
.srchType2.search_form > li dl.wid100p + .search_bar_wrap,
.srchType2.search_form > li .search_bar_wrap{width:100%}
.srchType2.search_form > li.dl3 dl + .search_bar_wrap{width:66.66%} */
/* .srchType2.search_form > li dl.col2{width:50%} */
.srchType2.search_form .comm_set,
.srchType2.search_form .cdDiv,
.srchType2.search_form .cd,
.srchType2.search_form > li .line_box .comm_set,
.srchType2.search_form > li .line_box .cdDiv,
.srchType2.search_form > li .search_bar_wrap select{width:auto;}
.srchType2.search_form > li .search_bar_wrap select + input[type="text"]{width:auto;}
.srchType2.search_form > li .search_bar_wrap input[type="text"]{width:auto;}
.srchType2.search_form .search_bar_wrap .btn01{min-width:auto;height:34px;padding:0;line-height:34px}
.srchType2.search_form .search_bar_wrap .btn01 + .btn01{margin-left:5px}
.srchType2.search_form .search_bar_wrap #searchBtn,
.srchType2.search_form .search_bar_wrap #dialogSearchBtn{width:auto; min-width: 83px; border-radius: 45px; background:#009e4e; padding: 0 17px;}
.srchType2.search_form .search_bar_wrap #searchBtn.cir,
.srchType2.search_form .search_bar_wrap #dialogSearchBtn.cir{width:34px;background:#009e4e url(./images/common/search_btn_ic.png) no-repeat 50% 50% / 15px;}
.srchType2.search_form .search_bar_wrap #searchBtn.cir span,
.srchType2.search_form .search_bar_wrap #dialogSearchBtn.cir span{position:absolute;overflow:hidden;text-indent:-9999em;background-image:none;}
.srchType2.search_form .search_bar_wrap #resetBtn,
.srchType2.search_form .search_bar_wrap #dialogResetBtn{width:34px;min-width:34px;border:1px solid #bfbfbf;border-radius:50px;text-indent:-9999px;background:url(./images/common/reset_btn_ic_2.png) no-repeat 50% 50%}
.srchType2.search_form .search_bar_wrap .btn01:hover{opacity:0.8}
.srchType2.search_form .hasDatepicker{background: url(./images/common/input_date_ic_2.png) no-repeat 10px 50%;}
.srchType2.search_form input[type="text"].hasDatepicker{width:140px;}
.srchType2.search_form input[type="text"].hasDatetimepicker{width:135 !important;}
.srchType2.search_form li.only_btn{text-align:center;padding:20px 0 10px}
.srchType2.search_form a.btn01.org_search,
.srchType2.search_form a.btn01.coBtn{ flex-shrink:0; width:auto;  min-width:unset; padding:4px 10px; border: none; border-radius:3px; background:#e8fcf2; color:#009e4e;}
.srchType2.search_form a.btn01.org_search {line-height: normal; height: auto;}
.srchType2.search_form a.btn01.org_search:hover,
.srchType2.search_form a.btn01.coBtn:hover{background:#009e4e; color: #fff; opacity: 1;}
/* .srchType2.search_form .org_dd{min-width:240px;justify-content:space-between;border-bottom:1px solid #ccc;} 조직검색, 기업검색 버튼 있는 dd */
.srchType2.search_form .org_dd input[type="text"],
.srchType2.search_form .org_dd input.orgSearch{width:100%;border-bottom:0;}
.srchType2.search_form .search_bar_wrap .comm_set,
.srchType2.search_form .search_bar_wrap .cdDiv,
.srchType2.search_form .search_bar_wrap .select{width:auto;}
.srchType2.search_form .search_bar_wrap.only{padding:10px 0;text-align:center}
.srchType2.search_form > li.lastfix{flex-wrap:nowrap;} /*last dl 끝선 맞춰야할때*/
.srchType2.search_form > li.lastfix dl:last-child{flex:1;}
.srchType2.search_form .cd,
.srchType2.search_form .comm_set .cd,
.srchType2.search_form .comm_set .select,
.srchType2.search_form .cdDiv .cd,
.srchType2.search_form .cdDiv .select,
.srchType2.search_form .select{width:auto;}
.srchType2.search_form .select + input,
.srchType2.search_form .comm_set + input,
.srchType2.search_form .cdDiv + input,
.srchType2.search_form .cd + input{margin-left:5px}
.srchType2.search_form .ul_list2 li{display:inline-block}

.srchType2.search_form .auto_input_box {display: flex; align-items: center; position: relative; padding: 4px 0 4px 10px; overflow: hidden; border-bottom: 1px solid #ccc;}
.srchType2.search_form .auto_input_box .resize {display: inline-block; font-size: 14px; color: #333; word-break: break-all; line-height: 1;}
.srchType2.search_form .auto_input_box input {opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0;}
.srchType2.search_form .auto_input_box>a.org_search {display: inline-block; margin-left: 15px; position: relative; z-index: 1;}

/* search_form detail */
.srchType2.search_form .btn01.det_btn{width:34px;padding:0;border:1px solid #bfbfbf;border-radius:50px;background:url(./images/common/detail_btn_ic_2.png) no-repeat 50% 50%;font-size:13px;color:#009e4e}
.srchType2.search_form .btn01.det_btn span{position:relative;padding:0;overflow:hidden;text-indent:-9999em;}
/* .srchType2 .table_top a.btn01{padding:7px 13px;font-size:13px;} */

/*=======================================================*/


/* 팝업 */
.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:not(.COMMON_TAB){padding:0;position:fixed;max-width: 90%;border-radius: 10px;max-height: 80%;overflow-y: auto;}
.ui-widget.ui-widget-content:has(.loading_box) {width: 240px !important;border: none;border-radius: 20px;}
.ui-widget.ui-widget-content:has(.ui-dialog-conf-wrap) {left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ui-widget.ui-widget-content.ui-draggable.dragging {left: 0; top: 0; transform: translate(0,0);}
.ui-widget.ui-widget-content:has(#relatSubjtList_layout) {max-height: 90%;height: 90% !important;}
.ui-dialog .ui-dialog-content#relatSubjtList_layout {height: calc(100% - 60px) !important;}
.ui-dialog .ui-dialog-content#relatSubjtList_layout .cont {display: flex;flex-direction: column;height: 100%;}
.ui-dialog .ui-dialog-content#relatSubjtList_layout #rla_sbj_chart {flex: 1;}

.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{box-shadow:0 0 10px 3px rgba(0,0,0,.05);border-radius:10px;overflow:hidden;}
.ui-dialog .ui-dialog-titlebar{position:relative; text-align:left; padding:20px 30px 12px;background:#fff;}
.ui-dialog .ui-dialog-title{font-size:18px;font-weight:500;color:#333;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 20px 30px;border:none;text-align:center; margin-top: 0;}
.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:180px;height:48px;padding:10px 5px;background:#fff;font-size:16px;border:1px solid #323942;border-radius:30px; color:#37343f;margin:0;}
.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;text-align:center;line-height:1;color:#fff;background:#ffffff;border:1px solid #323942;}
.ui-dialog .ui-dialog-titlebar-close {height:32px;width:32px;right:30px;top:20px;margin:0; border: none;}
.ui-dialog .ui-dialog-titlebar-close>span{background-image: none; margin: 0; position: absolute; left: 23px; top: 6px; width: 2px; height: 20px; background: #222; transform: rotate(45deg);}
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-space {transform: rotate(-45deg);}

/* .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{padding:20px 30px 10px 30px;}
.ui-widget-overlay{position:fixed; background:#000; opacity:0.5;}
.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:#b7c1c1; border:1px solid #b7c1c1;color:#fff;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close:hover{background:#b7c1c1; border:1px solid #b7c1c1;color:#fff;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf {color:#fff;background:#009e4e; border:1px solid #009e4e;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf  span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover {background:#009e4e ; border:1px solid #009e4e ;color:#fff;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del {color:#ffffff;background:#b7c1c1; border:1px solid #b7c1c1;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del:hover {background:#b7c1c1; border:1px solid #b7c1c1;color:#fff;}
.ui-dialog .ui-dialog-buttonpane button + button{margin-left:10px;}
.mlt_msg li .required{vertical-align:middle}
.di_confirm{text-align:center}

.ui-dialog .pop_max{display:block;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:#009e4e;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;}

/* flex_box */
.flex_box,
.line_box{display:flex;align-items:center;}
.flex_box_center {display: flex;align-items: center;justify-content: center;}
.flex_between{display:flex;align-items:center;justify-content:space-between}
.flex_wrap {flex-wrap: wrap;}
.flex_box .btn01{white-space:nowrap}
/* .flex_box > * + *, */
.gap5 {gap: 5px;}
.gap10 {gap: 10px;}
.row_gap5 {gap: 5px 0;}

.ml_auto {margin-left: auto;}
.mr_auto {margin-right: auto;}
.mt_auto {margin-top: auto;}
.mb_auto {margin-bottom: auto;}

.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{font-size:13px;color:#aaa;font-weight:300;padding:0;}
.requiredHeader .current{color:#666;}
.btn01#resumeBtn{width:120px}
.table_wrap input[type="text"] + .btn01,
.table_wrap textarea + .btn01,
.table_wrap .COMMON_FILEUPLOAD + .btn01{margin-left:5px}

/* 설문통계 */
.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:#009e4e;position:relative;}
.h_graph .g_bar:after { display:block; width:100%; height:50%;content:"";background:#009e4e; 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;}
.tab_type1 li a{display:block;padding:10px 20px 10px 0;color:#aaa;font-size:15px;font-weight:400;}
.tab_type1 li a span{position:relative;}
.tab_type1 li a span::after{content:'';display:none;width:100%;height:2px;background:#333;margin-top:2px;}
.tab_type1 li.last a{padding-right:0;}
.tab_type1 li a:hover, .tab_type1 li a:focus,.tab_type1 li a:active, .tab_type1 li.on a{font-weight:500;color:#333;}
.tab_type1 li a:hover span::after, .tab_type1 li a:focus span::after, .tab_type1 li a:active span::after, .tab_type1 li.on a span::after{display:block;}
.tab_cont {display:none;}
.tab_cont.on{display:block}

.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:#009e4e;background-color:rgba(14,39,103,0.05);color:#009e4e}

.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{position:relative;border:1px solid #ceebdd;border-radius:10px;background:#f2faf6 url(./images/common/guide_wrap_logo.png) no-repeat calc(100% - 15px) calc(100% + 2px);padding:20px 30px;margin-bottom:30px;}
.guide_wrap > ul > li,
.guide_wrap > p,
.guide_wrap > dl{font-size:15px;color:#212121;}
.guide_wrap > dl{display:flex;align-items:center;}
.guide_wrap > dl + dl{margin-top:10px;}
.guide_wrap dl,
.guide_wrap > ul > li{position:relative;padding-left:10px;}
.guide_wrap dl::before,
.guide_wrap > ul > li::before{content:'';display:block;position:absolute;width:3px;height:3px;background:#212121;left:0;top:10px;border-radius: 45px;}
.guide_wrap dl dt{position:relative;padding-right:10px;color:#212121;margin-right:10px;}
.guide_wrap dl dt::after{content:'';display:block;position:absolute;right:0;top:5px;width:1px;height:12px;background:#ddd;}
.guide_wrap.btn_w .btn01{position:absolute;top:50%;right:20px;margin-top:-18px;}
/* guide_wrap2 */
.guide_wrap2 {border-radius: 10px; background: #f8f8f8;padding:27px 30px;margin-top: 20px;color: #484849;font-size: 15px;font-weight: 500;}
.guide_wrap2>ul {display: flex; flex-direction: column; gap: 5px;}
.guide_wrap2>ul>li {display: flex; align-items: flex-start;gap: 7px;}
.guide_wrap2>ul>li:before {display: block; content: ''; width: 10px; height: 4px; margin-top: 5px; border: 2px solid #333; border-top: 0; border-right: 0; transform: rotate(-45deg);}
.guide_wrap2 .box {border-radius: 5px;background: #fff;border: 1px solid #e5e5e5;padding: 25px;color: #666;}
.guide_wrap2 .box + .box {margin-top: 20px;}
.guide_wrap2 .box>p {font-size: 16px;color: #333;font-weight: 700;padding-bottom: 10px;}
.guide_wrap2 .box>p.ico {display: flex;align-items: center;gap: 10px;}
.guide_wrap2 .box>p.ico:before {content: '';display: block;width: 16px;height: 15px;background-position: center;background-repeat: no-repeat;}
.guide_wrap2 .box>p.ico.type1:before {background-image: url(./portfolio/images/box_ic_01.png);}
.guide_wrap2 .box>p.ico.type2:before {background-image: url(./portfolio/images/box_ic_02.png);}


.gnb_list .guide_wrap{padding:20px;margin-top:10px;}
.gnb_list .guide_wrap > ul > li,
.gnb_list .guide_wrap > p{color:#009e4e;letter-spacing:-0.1em;}
.gnb_list .guide_wrap > ul > li::before{background:#009e4e;}

/* 파일추가 스타일 */
.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{}
.t_view .ul_file li {padding: 0; border: none;}
.ul_file li{display:flex;align-items: center;gap: 7px;padding: 7px; border-radius: 5px; border: 1px solid #ceebdd;}
.ul_file li:before{content:'';display:block;width:34px;height:34px;border-radius:3px;background:#009e4e url(/common/1user/common/css/images/common/file_view_ic.png) no-repeat 50% 50%;}
.ul_file li.no_file {border-color: #e5e5e5;}
.ul_file li.no_file:before {background-color: #b7c1c1;}
.ul_file li + li {margin-top: 5px;}
.ul_file li a{color:#009e4e;padding: 0;display: flex;align-items: center;width: 100%;}
.ul_file li a:after{content:'';margin-left: auto;display:block;width:34px;height:34px;border-radius:3px;box-sizing: border-box;border: 1px solid #009e4e; background: url(images/common/btn_down_ic.png) no-repeat 50% 50%;}
.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{width:140px;background:#fff url(./images/common/input_date_ic_2.png) no-repeat 10px center;}
.hasDatetimepicker.hasDatepicker{width:185px;}
.hasTimepicker{text-align:center;}
.group_date .hasDatepicker{width: 135px!important;}
/* 댓글 180724 수정*/

.reply_wrap{padding-top:65px;}
.reply_writing_w .btn01{height:110px;line-height:110px;width:110px;background:#009e4e;border-color:#009e4e;border-radius:6px;font-size: 18px;}

.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 .reply_name .reply_date{display:inline-block;padding-left:10px;font-weight:400;color:#999;font-size:16px;}
.reply_box .reply_top .reply_btn li .re_del{text-indent: -9999px; width: 30px;height: 30px; background:url('images/common/btn_del_ic.png') no-repeat 50%;margin-left: -7px;}

.reply_box + .reply_writing_w{border-top:none;}
.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;}

.reply_box.re_reply .reply_top{/* padding-left:28px;background:url('images/common/reply00.png') no-repeat 0 3px;*/}
.reply_box.re_reply .reply_con{/* padding-left:28px;*/}
.reply_box.re_reply .re_bytes{padding-top:10px;width:662px;text-align:right;color:#a4a4a4;}
.reply_box.re_reply .re_bytes span{color:#000;}
.reply_box.re_reply .re_reply_mod_w{position:relative;width:100%;margin-top:30px;padding:33px 0 0 28px;border-top:1px dashed #e3e3e3;}
.reply_box.re_reply .re_reply_mod_w .reply_{width:700px;height:90px;min-height:90px;}
.reply_box.re_reply .re_reply_mod_w .btn01.col01{position:absolute;top:33px;right:0;width:151px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_mod_w .btn01.col03{position:absolute;top:80px;right:0;width:151px;height:43px;line-height:43px;padding:0;}

.reply_box.re_reply .re_reply_writing_w{position:relative;width:100%;padding:0 0 0 28px;background:url('images/common/reply00.png') no-repeat 0 3px;}
.reply_box.re_reply .re_reply_writing_w .reply_{width:calc(100% - 160px);height:90px;min-height:90px;}
.reply_box.re_reply .re_reply_writing_w .btn01.col01{position:absolute;top:0;right:0;width:150px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_writing_w .btn01.col03{position:absolute;top:47px;right:0;width:150px;height:43px;line-height:43px;padding:0;}

.reply_box .re_more{display: flex;flex-direction: column;color:#000;font-size:16px;}
.reply_box .re_more > a{display:block;text-align:center;padding:12px 0;background:none;border-top:1px solid #e5e5e5;font-size:16px;color:#999;}
.reply_box .re_more > a:after {content: ''; display: inline-block; width: 30px; height: 10px; background: url(images/common/ic_more_arrow.png) no-repeat 50%;}
.reply_box .re_more > a:HOVER{background:none;}
.reply_box .re_more > a.on {order: 1;}

/* 슬라이드*/
.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%;}
.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:400;text-indent:-64px;padding-left:64px;}
.survey .survey_box .title span{display:inline-block;color:#fff;padding:2px 4px;width:62px;text-align:center;font-size:14px;background:#009e4e;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 a{display:block;padding:5px 0;padding-left:25px;background:url('images/com_/icon_file.png') no-repeat 0 50%;border-bottom:none;}
.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 .survey_file li{margin-top:5px}
.survey .survey_file .ul_file li a{display:block;padding:5px 0;padding-left:25px;background:url('images/com_/icon_file.png') no-repeat 0 50%;border-bottom:none;}

/* 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 > ul{border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;}
.survey + .terms_wrap{position:relative;margin-top:35px;overflow:visible;}
/* .survey + .terms_wrap::before{content:'';display:block;position:absolute;left:0;top:-30px;width:100%;height:1px;background:#eaeaea;} */
.survey .survey_box{position:relative;padding:0;background:#f8f8f8;}
.survey .survey_box .title{position:relative;padding:16px 20px 16px 80px;font-size:16px;color:#333;text-indent:-55px}
.survey .survey_box .title span{width:55px;margin-right:5px;border:1px solid #333;border-radius:50px;background:#fff;color:#333;font-size:14px}
.survey .survey_box.focus{border:1px solid #b73054;background:#fff;border-radius:4px;}
.survey .survey_box:first-child.focus{border-radius:10px 10px 0 0;}
.survey .survey_box:last-child.focus{border-radius:0 0 10px 10px;}
.survey .survey_box.focus .title span,
.survey .survey_box.done .title span{background:#333;color:#fff;}
.survey .survey_box .title span.msg{display:none;position:absolute;width:auto;right:30px;top:25px;margin-right:0;background:none;font-size:14px;border:0;border-radius:0;color:#aaa;}
.survey .survey_box .title span.msg i{color:#b73054;margin-left:5px;}
.survey .survey_box.focus .title span.msg,
.survey .survey_box.done .title span.msg{display:block;}

.survey .survey_box .survey_con{padding:0 30px 20px 30px;}
.survey .survey_box .ul_inblock {display:flex; gap: 10px;}
.survey .survey_box .ul_inblock li{flex:1;padding:0;}
.survey .survey_box .ul_inblock li .radio{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:38px;padding:5px;border:1px solid #ccc;border-radius:4px;text-align:center;background:#fff;transition:all .2s;}
.survey .survey_box .ul_inblock li .radio.on{background:#b73054;border-color:#b73054;}
.survey .survey_box .ul_inblock li .radio .ico{display:none;}
.survey .survey_box .ul_inblock li .radio .txt{padding-left:0;height:auto;transition:all .2s;;line-height:1.4;}
.survey .survey_box .ul_inblock li .radio input:checked + .ico + .txt{padding-left:20px;background:url(./images/common/survey_chk_ic.png) no-repeat 0 50%;color:#fff;}
.survey .survey_box .survey_file{padding-top:0;}
.survey .survey_box .survey_file li{padding:5px 0;}
/* .survey .survey_box +.survey_box::before{content:'';display:block;position:absolute;left:30px;top:0;width:calc(100% - 60px);height:1px;border-top:1px dashed #ddd;} */
.survey .check .txt,
.survey .radio .txt{height:30px;line-height:30px}

.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{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{display: flex;flex-direction: column;background:#FCFCFC;height:100% !important;border-top: none;padding: 0;}
.login_w a:hover{opacity:0.85}
.login_w .login_box_ic{display:none}
.login_w .login_inner{position:relative;display: flex;align-items: center;justify-content: center;flex: 1;padding: 50px 0;background:url(images/main/login/ai_login_bg_01.png) calc(50% + 105px) calc(100% + 67px) no-repeat;}
.login_w .login_top{position:absolute;top:0;left: 0;right:0;padding:15px;text-align:right;}
.login_w .login_top ul{max-width: 1920px;margin: 0 auto;}
.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:500;letter-spacing: 0;font-size:14px;color:#000}
.login_w .login_tit{position:absolute;top:50px;left:-205px;writing-mode:vertical-rl;font-size:64px;font-weight:300;color:#000;line-height:1;letter-spacing: -10px;}
.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 .bg_shadow {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 520px;height: 580px;border-radius: 50%;box-shadow: 15px -20px 80px rgba(0, 0, 0, 0.2);}
.login_w .login_cont{position:relative;z-index: 5;width:550px;padding:0 75px;font-size: 16px;border:1px solid #EFEFEF;border-radius:50px 0 50px 0;background:#fff;}
.login_w .login_box h2{text-align:center;font-size:22px;color:#000;font-weight: 500;}
.login_w .login_box .text02{margin-top:20px;text-align:center;color:#888}
.login_w .login_box + .login_box{position:relative;border-top:1px solid #EFEFEF}
.login_w .login_box + .login_box::after{content:'or';display:flex;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{padding:100px 0 55px}
.login_w .login_box .logo{display: flex;justify-content: center;font-size: 18px;font-weight: 600;color: #000;}
.login_w .login_box .logo p {position: relative;align-self: flex-end;margin-left: 15px;padding-left: 8px;}
.login_w .login_box .logo p:before {content: '';position: absolute;left: 0;top: 7px;width: 2px;height: 11px;background: #dadada;}
.login_w .login_box.etc{padding:55px 0}
.login_w .log_btn1{display:flex;align-items:center;justify-content:center;width:100%;height:60px;border-radius:60px;margin-top:40px;background:var(--main-color);color:#fff;font-size:18px;font-weight: 500;}
.login_w .log_btn2{display:flex;align-items:center;justify-content:center;width:100%;height:60px;border:1px solid var(--main-color);border-radius:60px;background:var(--main-bg-color);color:var(--main-color);font-size:17px;font-weight: 500;}
.login_w .etc_select{display:flex;align-items:center;justify-content:center;padding:40px 0}
.login_w .etc_select .radio{flex:1;text-align:center}
.login_w .etc_select .radio .txt{padding:0;font-size:16px;color:#252525}
.login_w .etc_select .radio .txt::before{content:'';display:inline-block;position:relative;top:-2px;width:26px;height:26px;margin-right:8px;border-radius:50%;background:#CECECE no-repeat 50% 50% url(./images/common/login_etc_chk.png);vertical-align:middle;transition:background 0.3s}
.login_w .etc_select .radio input:checked + .txt::before{background-color:#111111;background-image:url(./images/common/login_etc_chk_on.png)}
.login_w .etc_select form {width: 100%;}
.login_w .login_input_w .input_w {display: flex;flex-direction: column;gap: 14px;}
.login_w .login_input_w .input_w:has(+ .log_btn2) {padding-bottom: 20px;}
.login_w .login_input_w input{width:100%;height:60px;padding:0 30px;border-radius:60px;border:1px solid #E1E1E1;text-align:center;color:#111;font-size: 16px;background:no-repeat calc(100% - 30px) 50%}
.login_w .login_input_w input::placeholder {color: #999;}
.login_w .login_input_w .id_input{background-image:url(images/main/login/login_id_ic.png)}
.login_w .login_input_w .pw_input{background-image:url(images/main/login/login_pw_ic.png)}
.login_w .login_input_w p{position:relative}
.login_w .login_input_w .input_label{display:inline-block;padding:0 5px;position:absolute;top:10px;left:50%;transform:translateX(-50%);font-weight:500;font-size:14px;color:var(--main-color);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:-9px;opacity:1}
.login_w .idpw_find{display:flex;align-items:center;justify-content:center;margin-top:25px;font-size:14px;}
.login_w .idpw_find dt{color:#999}
.login_w .idpw_find dd{padding-left:15px}
.login_w .idpw_find dd a{color:#555;text-decoration:underline}
.login_w .link_btn{display:block;width:100%;padding:12px 0;margin-top:20px;border-bottom:2px solid #151515;font-weight:500;font-size:17px;color:#000;background:url(./images/common/link_btn_arrow.png) no-repeat 98% 50%;transition:0.3s}
.login_w .link_btn:hover{background-position-x:99%}
.login_w .login_box .bottom {text-align: center;padding-top: 15px;}
.login_w .login_box .bottom a {color: #3c3c3c;display: inline-block;}
.login_w .login_box .bottom a + a{margin-left: 18px;padding-left: 18px;position: relative;}
.login_w .login_box .bottom a + a:before {content: '';position: absolute;left: 0;top: 4px;width: 1px;height: 12px;background: #b3b3b3;}
.login_w .login_footer{text-align:center;background:#0F0F0F;margin-top: auto;padding: 15px;}
.login_w .footer_wrap{position:relative;max-width:1280px;border:0;margin: 0 auto;}
.login_w .login_footer p {font-size:14px;color:#9B9B9B;font-weight:400;letter-spacing:-0.6px}
.login_w .login_footer p.copy{margin:0;text-transform:uppercase}
.login_w .login_footer em.row_bar {display: inline-block;margin: 0 8px;width: 1px;height: 10px;border-left: 1px solid #989898;}
.login_w.adm .login_inner{background-image:none}
.login_w.adm .footer_wrap::after{display:none}


/* 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 #000;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 #e1e5e6;}
.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 #e1e5e6;}
.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:8px;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;}


.tab_top_wrap .ul_inblock.radio_type2 li:before{vertical-align: middle;}
.tab_top_wrap .radio_type2 li a{display:inline-block;color:#cccccc;font-size:15px;vertical-align: middle;padding-bottom:2px;border-bottom:1px solid #fff;}
.tab_top_wrap .radio_type2 li a.on span{color:#53C900;font-weight:600;border-bottom:1px solid #53C900; }
.tab_top_wrap .radio_type2 li a.on:before{display: inline-block;vertical-align: middle;margin-right:5px; width:15px;height:15px;content: "";background:url("images/com_/top_radio.png") no-repeat 0 50%;}
.tab_top_wrap .f_right .select{vertical-align: top;}

/* radio_type3 */
.tab_top_wrap .radio_type2 li:before{display:none}
.tab_top_wrap .radio_type2{border-bottom:1px solid #D9D9D9;}
.tab_top_wrap .radio_type2 li{padding:0}
.tab_top_wrap .radio_type2 li a{display:block;position:relative;padding:6px 15px;border:0;font-size:15px;color:#666}
.tab_top_wrap .radio_type2 li a::before{content:'';display:block;position:absolute;bottom:-1px;left:50%;overflow:hidden;width:0;height:2px;background:#21BA31;transition:width 0.3s;transform:translateX(-50%)}
.tab_top_wrap .radio_type2 li a.on span{border-bottom:0;}
.tab_top_wrap .radio_type2 li a.on::before{width:100%;height:2px;background:#21BA31;}


/*소단위전공과정목록*/
.cosePres_wrap2{display:flex; flex-wrap: wrap;}
.cosePres_wrap2:not(.no_data_box) {margin-top: 20px;}
.cosePres_wrap2 > div{width:calc((100% - 40px)/3);margin-bottom:20px;}
.cosePres_wrap2 > div:not(.no_data_box){margin-right:20px;}
.cosePres_wrap2 > div:nth-child(3n){margin-right:0;}
.coseBox2{border:1px solid #e5e5e5;border-radius:5px;}
.pa30{padding: 30px;}
.pa302{padding:0 30px;}
.coseBox2 .cose_head{position:relative; overflow:hidden; height:180px;}
.coseBox2 .cose_head img{width:100%; height:100%;}
/* .coseBox2 .cose_head > *{display:block;line-height:1;} */
/* .coseBox2 .cose_head > span{font-size:14px;color:#3b4856;width:100%; background:#f0f7ff; max-width: 72px; text-align: center; padding:4px 10px; border-radius: 13px; } */
/* .coseBox2 .cose_head > p{font-size:20px;color:#3b4856;font-weight:400;margin-top:14px;line-height:1.3;height:2.6em;} */
.coseBox2 .cose_twin{position:relative;}
.coseBox2 .cose_twin > *{display:block;line-height:1;}
.coseBox2 .cose_twin > p{font-size:20px;color:#333333;font-weight:600; position: relative; text-align: center;}
/* .coseBox2 .cose_twin > p:after{content: ''; width:100%; height:1px; background:#e0e0e0; position: absolute; bottom:0; left: 0; } */
.coseBox2 .cose_head .print_btn{position:absolute;right:0;top:0;width:34px;height:34px;border:1px solid #2367cd;border-radius:3px;background:#fff url(/common/1user/common/css/portfolio/images/cose_print_ico.png) no-repeat 50% 50%;}
.coseBox2 .cose_list{border:1px solid #e5e5e5;border-radius:5px;background:#f6f9fd;height:164px;padding:20px;margin-top:30px;}
.coseBox2 .cose_list ul{overflow-y:auto;height:100%;}
.coseBox2 .cose_list ul li{display:flex;}
.coseBox2 .cose_list ul li + li{margin-top:12px;}
.coseBox2 .cose_list ul li p{position:relative;width:60%; font-size:15px;color:#4c4c4c;padding-left:20px;}
.coseBox2 .cose_list ul li p::after{position:absolute;left:0;top:1px; content:'';display:block;width:12px;height:20px;background-repeat:no-repeat;}
.coseBox2 .cose_list ul li.coseY p::after{background-image:url(/common/1user/common/css/portfolio/images/medal_ico01.png);}
.coseBox2 .cose_list ul li.coseN p::after{background-image:url(/common/1user/common/css/portfolio/images/medal_ico03.png);}
.coseBox2 .cose_list ul li span{font-size:14px;width:20%;color:#909090;text-align:center;}
/* .coseBox2 .cose_info{margin-top:25px;} */
.coseBox2 .cose_info dl{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#4c4c4c;}
.coseBox2 .cose_info dl + dl{margin-top:8px;}
.coseBox2 .cose_info dt{position:relative;padding-left:22px;font-size:15px;min-width: 60px;}
.coseBox2 .cose_info dt::after{content:'';display:block;position:absolute;left:0;top:3px;width:17px;height:17px;background-repeat:no-repeat;}
.coseBox2 .cose_info dl:first-child dt::after{background-image:url(/common/1user/common/css/portfolio/images/cose_01.png);top:0px;}
.coseBox2 .cose_info dl:nth-child(2) dt::after{background-image:url(/common/1user/common/css/portfolio/images/cose_02.png);}
.coseBox2 .cose_info dl:nth-child(3) dt::after{background-image:url(/common/1user/common/css/portfolio/images/cose_dl_ico03.png);}
.coseBox2 .cose_info dd{font-size:14px;}
.coseBox2 .cose_info .drt{font-size:18px; font-family: 'Poppins'; font-weight:600; }
.coseBox2 .cose_info dd strong{font-size:15px;font-weight:500; font-family: 'Poppins'; }
/* .coseBox2 .cose_bottom{margin-top:25px;} */
.coseBox2 .cose_bottom .kab03{display:flex;justify-content:space-between;align-items:center;color:#fff; width: 100%}
.coseBox2 .cose_bottom dl a{width:49%;}
.coseBox2 .cose_bottom dl + dl{margin-top:8px;}
/* .coseBox2 .cose_bottom dt{position:relative;font-size:14px; padding:10px 0 10px 16px; border: 1px solid #333333; width:100%; max-width:128px; text-align: center; border-radius: 4px; color:#333333; font-weight: 500;} */
.coseBox2 .cose_bottom .dt02{position:relative;font-size:14px; border: 1px solid #083986; color:#083986;font-weight: 500; }
.coseBox2 .cose_bottom .dt03{position:relative;font-size:14px; border: 1px solid #73c84c; color:#73c84c;font-weight: 500; }
/* .coseBox2 .cose_bottom dt::after{content:'';display:block;position:absolute;left:25px;top:3px;width:17px;height:17px;background-repeast:no-repeat;} */
.coseBox2 .cose_bottom dl:first-child dt::after{background-image:url(/common/1user/common/css/portfolio/images/cose_dl_ico05.png);top:12px;}
.coseBox2 .cose_bottom dl:first-child .dt02::after{background-image:url(/common/1user/common/css/portfolio/images/cose_dl_ico06.png);top:12px;}
.coseBox2 .cose_bottom dl:first-child .dt03::after{background-image:url(/common/1user/common/css/portfolio/images/cose_dl_ico10.png);top:12px;}
.coseBox2 .cose_bottom dl:nth-child(2) dt::after{background-image:url(/common/1user/common/css/portfolio/images/cose_dl_ico02.png);}
.coseBox2 .cose_bottom dl:nth-child(2) .kable01::after{background-image:none;}
.coseBox2 .cose_bottom dl:nth-child(2) .kable02::after{background-image:none;}
.coseBox2 .cose_bottom dl:nth-child(2) .kable03::after{background-image:none;}
.coseBox2 .cose_bottom dl:nth-child(2) .kable04::after{background-image:none;}
.coseBox2 .cose_bottom dl:nth-child(3) dt::after{background-image:url(/common/1user/common/css/portfolio/images/cose_dl_ico03.png);}
.coseBox2 .cose_bottom dd{font-size:14px;}
.coseBox2 .cose_bottom dd strong{font-size:18px;font-weight:600; font-family: 'Poppins'; }
.coseBox2 .cose_bottom .kab{width:100%; background:#009e4e; display:flex;justify-content:space-between;align-items:center;color:#fff; padding: 10px 20px; border-radius: 4px;}
.coseBox2 .cose_bottom dl .kable01{width: 100%; max-width:none; padding: 10px 0;background:#009e4e; border: 1px solid #c0c0c0; color:#fff }
.coseBox2 .cose_bottom dl .kable02{width: 100%; max-width:none; padding: 10px 0;background:#2367cd; border: 1px solid #c0c0c0; color:#fff }
.coseBox2 .cose_bottom dl .kable03{width: 100%; max-width:none; padding: 10px 0;background:#333333; border: 1px solid #c0c0c0; color:#fff }
.coseBox2 .cose_bottom dl .kable04{width: 100%; max-width:none; padding: 10px 0;background:#73c84c; border: 1px solid #c0c0c0; color:#fff }
.coseBox2 .cose_mq{padding: 0 10px;}
.coseBox2 .cose_mq dt{position: relative; padding-bottom: 7px; color:#999999;}
.coseBox2 .cose_mq dt::before{content:''; width:12px; height:8px;  position:absolute; background-image:url(/common/1user/common/css/portfolio/images/cose_04.png);top:7px; left: -15px;}

/* loading_box */
/*!
 * three-dots - v0.3.2
 * CSS loading animations made with single element
 * https://nzbin.github.io/three-dots/
 *
 * Copyright (c) 2018 nzbin
 * Released under MIT License
 */
/**
 * ==============================================
 * Dot Floating 로딩바 추가 25.06.16
 * ==============================================
 */
.stage {display: flex;justify-content: center;align-items: center;position: relative;padding: 26px 0;margin: 0 -5%;overflow: hidden;}
.loading_box.type2:has(.dot-floating) {height: 100%;display: flex;align-items: center;}
.dot-box {width: 100%;max-width: 200px;margin: 0 auto;overflow: hidden;}
.dot-floating {position: relative;width: 10px;height: 10px;border-radius: 5px;background-color: #c8facc;color: #c8facc;animation: dot-floating 2s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);}
.dot-floating::before, .dot-floating::after {content: "";display: inline-block;position: absolute;top: 0;}
.dot-floating::before {left: -12px;width: 10px;height: 10px;border-radius: 5px;background-color: #5ae182;color: #5ae182;animation: dot-floating-before 2s infinite ease-in-out;}
.dot-floating::after {left: -24px;width: 10px;height: 10px;border-radius: 5px;background-color: #009e4e;color: #009e4e;animation: dot-floating-after 2s infinite cubic-bezier(0.4, 0, 1, 1);}

@keyframes dot-floating {
	0% {left: calc(-50% - 5px);}
	75% {left: calc(50% + 105px);}
	100% {left: calc(50% + 105px);}
}
@keyframes dot-floating-before {
	0% {left: -50px;}
	50% {left: -12px;}
	75% {left: -50px;}
	100% {left: -50px;}
}
@keyframes dot-floating-after {
	0% {left: -100px;}
	50% {left: -24px;}
	75% {left: -100px;}
	100% {left: -100px;}
}
.ui-dialog .ui-dialog-content.loading_box{padding:40px;background:#fff;text-align:center;overflow: hidden;color: #999;font-size: 12px;}
/* .loading_box img{max-width:200px;} */
.loading_box>p {letter-spacing: 12px;}

/* 피조식 추가 */
.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;text-align:right;color:#aaa;font-weight:300;}

/* keyword */
.keywordList li{display:inline-block;padding:6px 15px;margin-top:5px;margin-right:5px;border:1px solid #B2B2B2;border-radius:50px;font-size:13px;color:#B2B2B2;line-height:1}
.keywordList li span{line-height:1}
.keywordList a.del{display:inline-block;position:relative;top:-2px;width:9px;height:9px;margin-left:6px;background:url(/common/2base/common/css/images/common/keyword_del_ic.png) no-repeat 50% 50%;text-indent:-9999px;vertical-align:middle}




@media only screen and (max-width:1300px){
.ellipsis_04{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 106px;}
}


@media only screen and (max-width:1280px){
	section{padding:30px 0 100px 20px;}
	#gnb > ul > li > a{font-size:16px;}
	#gnb > ul {padding-right:15px;}
	.search_form li dl.li1{width:100% !important;}
	.search_form li dl.li2{width:50% !important;}
	.search_form li dl.li3{width:50% !important;}
	.search_form li dl.li3_2{width:100% !important;}
	.search_form li dl.li4{width:50% !important;}
}


@media only screen and (max-width:1024px){
	.mml5{margin-left:0;}
	.br{display:inline-block;}
	a { -webkit-tap-highlight-color:transparent;}
	input{ -webkit-tap-highlight-color:transparent;}
	.btn_top{display:none;position:fixed;right:10px;bottom:60px;width:40px;height:40px;font-size:0;text-indent:-9999em;text-align:center;color:#fff;border:1px solid #cacaca;background:#fff url('images/com_/mob/btn_top.png') no-repeat center center;background-size:15px auto;z-index:10;opacity:0.8;}
	.btn_back{display:block ;position:fixed;left:10px;bottom:60px;width:40px;height:40px;font-size:0;text-indent:-9999em;text-align:center;color:#fff;border:1px solid #cacaca;background:#fff url('images/com_/mob/btn_back.png') no-repeat center center;background-size:18px auto;z-index:10;opacity:0.8;}
	#gnb{display:none;}
	header article .header_top{display:none;}
	.btn_gnb{display:block;}
	.m_gnb{display:flex;flex-direction: column;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:all 0.5s cubic-bezier(.64,.19,.15,1);}
	.gnb_open .m_gnb {left:0;visibility:visible;opacity:1;}
	.gnb_open .btn_gnb{left:calc(100% - 60px);z-index:100;background:#133b7f;}
	.gnb_open .btn_gnb.on{position:fixed;}
	.m_gnb_wrap{height: 100%;}

	.h3_box + .tab_top_wrap{padding:0 10px 10px 10px;}
	.h3_box + .tab_top_wrap h4{padding-top:0;}
	.tab_type1 li a{padding:0 15px;}

	/*테이블*/
	.search_form{margin-bottom:20px;}
	.search_form .select + .select{margin-left:0px;margin-top:2px;}
	.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;}
	.tab_top_wrap .m_list_view{display:block;}
	.tab_top_wrap  .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}
/* 	.search_form li.last dd.in_select .cd{width:150px;}
	.search_form li.last dd.in_select input[type="text"]{width:calc(100% - 240px);}
	 */

	/* .table_wrap.pc_view{display:none;} */
	.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:20px 10px 0 10px;border-left:1px solid #e1e5e6;border-right:1px solid #e1e5e6;}
	.table_wrap table.t_view tbody td{padding:18px 10px;border-left:1px solid #e1e5e6;border-right:1px solid #e1e5e6 !important;}
	.table_wrap table.t_view.board_view tbody td{border-left:1px solid #e1e5e6;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 #e1e5e6 !important;;border-right:1px solid #e1e5e6 ;}

	.terms_wrap .terms_title{line-height:1.4em;}

	.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 #e1e5e6;}
	.table_wrap table.t_view tbody td:FIRST-CHILD{border-left:1px solid #e1e5e6;}


	/* 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%;padding:10px 15px;border:0}
	.search_form li dl.type0.btn_.type1{padding:10px 15px}

	/*================ 검색단 type2 ================*/
	.srchType2.search_form > li dt {min-width: 60px;}
	/* .srchType2.search_form select {min-width: 90px;} */
	.srchType2.search_form .select + .select,
	.srchType2.search_form .line_box .select + .select{margin-top:0;margin-left:5px;}
	.srchType2.search_form a.btn01.org_search,
	.srchType2.search_form input[type="text"] + .btn01,
	.srchType2.search_form input + .btn01{margin-top:0;}
	.srchType2.search_form .search_bar_wrap #searchBtn,
	.srchType2.search_form .search_bar_wrap #dialogSearchBtn{margin-top:0;}
	.srchType2.search_form .search_bar_wrap .btn01 + .btn01.det_btn{width:34px;}
	.srchType2.search_form .resetBtn {margin-left: 10px;}

	/* 개인정보동의박스 */
	.terms_wrap .num_box {grid-template-columns: repeat(2,1fr);}

	.ellipsis_04{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 111px;}

	/* login_w */
	.login_w {background: #fff;min-height: 775px;}
	.login_w .login_top {position: static;padding: 15px 0;}
	.login_w .login_tit,.login_w .bg_shadow {display: none;}
	.login_w .login_inner {display: block;padding: 0 15px 90px;background: url(images/main/login/ai_login_bg_02.png) calc(50% + 20px) calc(100% + 30px) no-repeat;}
	.login_w .login_cont {border: none;width: 100%;max-width: 600px;padding: 0;margin: 0 auto;font-size: 15px;background: transparent;}
	.login_w .login_box.portal {padding: 40px 0;}
	.login_w .login_box.etc{padding:40px 0 10px}
	.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{padding:8px 0;border-bottom-width:1px;margin-top:10px;font-size:15px;background-image:url(./images/common/link_btn_arrow_m.png);background-size:7px}
	.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 .login_box .text02 {margin-top: 10px;}
	.login_w .login_box h2 {font-size: 20px;}
	.login_w .etc_select {padding: 20px 0;}
	.login_w .log_btn1 {margin-top: 20px;}
	.login_w .log_btn1, .login_w .log_btn2 {height: 46px;font-size: 15px;}
	.login_w .login_input_w .input_w {gap: 10px;}
	.login_w .login_input_w .input_w:has(+ .log_btn2) {padding-bottom: 10px;}
	.login_w .login_input_w input{padding:0 20px;height:46px;font-size: 14px;background-position:calc(100% - 20px) 50%;background-size:14px}
}


@media only screen and (max-width:760px){
	.ui-widget.ui-widget-content {width: 90% !important;}
	/* .ui-widget.ui-widget-content.ui-dialog-conf-wrap {top: 50% !important;left: 50% !important;} */

	.search_form li dl,
	.search_form > li.dl2 dl{display:block;width:100%;}
	.search_form li.detail_box .ul_inblock li{width:50%;float:left;}
	.search_form > li dt,
	.search_form > li dd{width:100%}
	.search_form > li dd{padding-left:0;padding-top:10px}

	.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:fit-content;}
	.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}

	/*================ 검색단 type2 ================*/
	.srchType2.search_form {padding: 20px;}
	.srchType2.search_form input[type="text"],
	.search_form .line_box{width:100% !important;}
	.srchType2.search_form select[name="jobType1Sh"],
	.srchType2.search_form select[name="jobType2Sh"]{width:100%;}
/* 	.srchType2.search_form > li {gap: 15px 5px;} */
	.srchType2.search_form > li dl{display:block; width: 100% !important;}
	.srchType2.search_form > li .year-sm{width:100%;}
/* 	.srchType2.search_form > li dt, .srchType2.search_form > li dd {width: fit-content;} */
	.srchType2.search_form > li dd.type2 {gap: 15px;}
	.srchType2.search_form.on .detail_box {padding-top: 5px; gap: 0;}

	.srchType2.search_form > li dl.tab_100p, .srchType2.search_form > li .calendar {width: 100%;}
	.srchType2.search_form > li dl.tab_50p {width: calc(50% - 2.5px);}
	.srchType2.search_form > li dl.tab_33p {width: 33.33%;}
	.srchType2.search_form > li dl.tab_100p dd,
	.srchType2.search_form > li dl.tab_50p dd,
	.srchType2.search_form > li dl.tab_33p dd,
	.srchType2.search_form > li .search_bar_wrap,
	.srchType2.search_form > li .search_bar_wrap dd,
	.srchType2.search_form select,
	.srchType2.search_form > li .search_bar_wrap select {width: 100%;}
	.srchType2.search_form > li .search_bar_wrap.wide {width: 65%;min-width: auto;}

	/* .srchType2.search_form dl dd{flex:1;} */
	.srchType2.search_form > li .search_bar_wrap input[type="text"]{width:calc(100% - 34px) !important;}
	.srchType2.search_form .comm_set,
	.srchType2.search_form .cdDiv
	.srchType2.search_form .cd,
	.srchType2.search_form .comm_set .cd,
	.srchType2.search_form .comm_set .select,
	.srchType2.search_form .cdDiv .cd,
	.srchType2.search_form .cdDiv .select,
	.srchType2.search_form .select{width:100%;}
	.srchType2.search_form .flex_date .select {padding-left: 0;}
	.srchType2.search_form .flex_date .select:before {display: none;}
	.srchType2.search_form .detail_box.chk dl dt{width:95px !important;justify-content:start;margin-top:10px;}
	.srchType2.search_form .search_bar_wrap .btn01{flex-shrink:0;}
	.srchType2.search_form .search_bar_wrap #searchBtn,
	.srchType2.search_form .search_bar_wrap #dialogSearchBtn{width:34px;min-width: auto;background:#009e4e url(./images/common/search_btn_ic.png) no-repeat 50% 50% / 15px;}
	.srchType2.search_form .search_bar_wrap #searchBtn span,
	.srchType2.search_form .search_bar_wrap #dialogSearchBtn span{overflow:hidden;text-indent:-9999em;background:none;}
	.srchType2.search_form .check .txt {height: 32px;line-height: 32px;}

	.terms_wrap .terms_top {padding: 20px;}
	.terms_wrap .terms_title {font-size: 18px;}
	.terms_wrap .num_box > div {padding: 20px;}
	.terms_wrap .terms_chk {padding: 0 20px 20px;}
	.terms_wrap .terms_chk > p {padding-top: 20px;}


	.cosePres_wrap2{display: block;margin-top: 10px; flex-wrap: wrap;}
	.cosePres_wrap2 > div{ width:100% ;margin-right: 20px;margin-bottom: 20px; position:relative;}
	.coseBox2 .cose_head img{width:100%; height:auto;}
	.coseBox2 .cose_mq{padding: 0 10px; display:inline-block; position: absolute; bottom:0px; right: 0;}
	.coseBox2 .cose_mq dt {position: relative;padding-bottom: 0px; color: #999999;}
	.ellipsis_04{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 162px;}

	.login_w {min-height: 700px;}
	.login_w .login_inner {background-size: 550px;background-position-y: calc(100% + 15px);}
	.login_w .login_box.portal {padding-top: 25px;}

	.NO_RESULT.myPtfol {flex-direction: column;padding: 40px 20px;}
	.NO_RESULT.myPtfol:before {width: 120px;height: 115px;background-size: 120px;}
	.NO_RESULT.myPtfol .text_wrap {text-align: center;font-size: 15px;}
	.NO_RESULT.myPtfol p {font-size: 18px;}
	.NO_RESULT.myPtfol .btn01 {width: 100%;max-width: 400px;height: 37px;font-size: 15px;margin-top: 10px;}
}

@media only screen and (max-width:700px){
	.pc_view {display: block;width: 100%;overflow-x: scroll; -webkit-overflow-scrolling: touch; }
	.pc_view table {width: 800px;  min-width: 800px; }
}

@media only screen and (max-width:480px){
	.table_wrap table.t_list thead th {padding:16px 12px;}
	.ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-txts-wrap{padding-right:132px}

	.srchType2.search_form > li dd.in_select.col2 {flex-wrap: wrap;}
	.srchType2.search_form > li dd.in_select.col2 .cdDiv {width: 50%;}
	.srchType2.search_form > li .search_bar_wrap input[type="text"] {width: calc(100% - 78px) !important;}
	.srchType2.search_form > li .calendar dd {flex-wrap: wrap; width: 100%;}
	.srchType2.search_form > li dd.col2 .line_box {flex-direction: column; gap: 5px;}
	.srchType2.search_form > li dd.col2 .select + .select {margin-left: 0;}
	.srchType2.search_form > li .calendar .comm_set,
	.srchType2.search_form > li .calendar select,
	.srchType2.search_form > li .search_bar_wrap.wide {width: 100%;}
	.srchType2.search_form input[type="text"].hasDatepicker {width: calc(50% - 5px) !important; margin-left: 0; margin-top: 5px;}
	.srchType2.search_form .od02{width:240px;}

	.login_w .login_inner {background-size: 375px;padding-bottom: 50px;}
	.login_w .login_box .logo img {width: 162px;}
	.login_w .login_box .logo p {margin-left: 10px;}
}
@media only screen and (max-width:400px){
	.table_wrap table.t_list thead th {padding: 16px 8px;}

	.srchType2.search_form input[type="text"].hasDatepicker {padding-left: 10px; background-image: none;}
}
@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;}

.a4_wrap h4:BEFORE{display:none;}

@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;}