@charset "utf-8";

/*========================================== Basic ================================================*/
/* 접근성 */
.hidden{position:absolute !important; left:-99999px !important;}

/* 위치 */
.rel {position:relative;}
.abs {position:absolute;}
.blind {position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);}
.table_fixed {table-layout:fixed;}

/*======================================= Margin/Padding ==========================================*/
/* margin */
.m_0{margin:0px !important;}
.m_5{margin:5px !important;}
.m_10{margin:10px !important;}
.m_15{margin:15px !important;}
.m_20{margin:20px !important;}
.m_25{margin:25px !important;}
.m_30{margin:30px !important;}
.m_35{margin:35px !important;}
.m_40{margin:40px !important;}
.m_45{margin:45px !important;}
.m_50{margin:50px !important;}

.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.ml_0{margin-left:0px !important;}
.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_17{margin-left:17px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}
.ml_100{margin-left:100px !important;}
.ml_200{margin-left:200px !important;}

.mr_0{margin-right:0px !important;}
.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.mb_0{margin-bottom:0px !important;}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_70{margin-bottom:70px !important;}

/* padding */
.p_0{padding:0px !important;}
.p_5{padding:5px !important;}
.p_10{padding:10px !important;}
.p_15{padding:15px !important;}
.p_20{padding:20px !important;}

.pt_0{padding-top:0px !important;}
.pt_5{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_25{padding-top:25px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_40{padding-top:40px !important;}
.pt_45{padding-top:45px !important;}
.pt_50{padding-top:50px !important;}

.pr_0{padding-right:0px !important;}
.pr_5{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}
.pr_20{padding-right:20px !important;}
.pr_25{padding-right:25px !important;}
.pr_30{padding-right:30px !important;}
.pr_35{padding-right:35px !important;}
.pr_40{padding-right:40px !important;}
.pr_45{padding-right:45px !important;}
.pr_50{padding-right:50px !important;}

.pl_0{padding-left:0px !important;}
.pl_5{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}
.pl_20{padding-left:20px !important;}
.pl_25{padding-left:25px !important;}
.pl_30{padding-left:30px !important;}
.pl_35{padding-left:35px !important;}
.pl_40{padding-left:40px !important;}
.pl_45{padding-left:45px !important;}
.pl_50{padding-left:50px !important;}
.pl_70{padding-left:70px !important;}
.pl_130{padding-left:100px !important;}

.pb_0{padding-bottom:0px !important;}
.pb_5{padding-bottom:5px !important;}
.pb_10{padding-bottom:10px !important;}
.pb_15{padding-bottom:15px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}
.pb_30{padding-bottom:30px !important;}
.pb_35{padding-bottom:35px !important;}
.pb_40{padding-bottom:40px !important;}
.pb_45{padding-bottom:45px !important;}
.pb_50{padding-bottom:50px !important;}

/* width set */
.w_30  {width:30px !important;}
.w_40  {width:40px !important;}
.w_50  {width:50px !important;}
.w_60  {width:60px !important;}
.w_70  {width:70px !important;}
.w_80  {width:80px !important;}
.w_90  {width:90px !important;}
.w_100 {width:100px !important;}
.w_110 {width:110px !important;}
.w_120 {width:120px !important;}
.w_130 {width:130px !important;}
.w_150 {width:150px !important;}
.w_160 {width:160px !important;}
.w_180 {width:180px !important;}
.w_200 {width:200px !important;}
.w_250 {width:250px !important;}
.w_300 {width:300px !important;}
.w_350 {width:350px !important;}
.w_400 {width:400px !important;}
.w_500 {width:500px !important;}
.w_600 {width:600px !important;}

/* width */
.wps_5  {width:5%!important;}
.wps_10 {width:10%!important;}
.wps_15 {width:15%!important;}
.wps_16 {width:16%!important;}
.wps_20 {width:20%!important;}
.wps_25 {width:25%!important;}
.wps_28{width:28%!important;}
.wps_30 {width:30%!important;}
.wps_35 {width:35%!important;}
.wps_40 {width:40%!important;}
.wps_43 {width:43%!important;}
.wps_45 {width:45%!important;}
.wps_50 {width:50%!important;}
.wps_55 {width:55%!important;}
.wps_60 {width:60%!important;}
.wps_65 {width:65%!important;}
.wps_70 {width:70%!important;}
.wps_75 {width:75%!important;}
.wps_80 {width:80%!important;}
.wps_85 {width:85%!important;}
.wps_90 {width:90%!important;}
.wps_95 {width:95%!important;}
.wps_100 {width:100%!important;}
.max_w100{max-width:100%;}

/* display */
.inline{display:inline !important;}
.inline_b{display:inline-block !important;}
.block{display:block !important;}
.ir_img{font-size:0;line-height:0;text-indent:-9999px;}
.pc1, .pc3{display:block;}
.pc2{display:inline-block;}

.mo1,.mo2, .mo3{display:none;}
.pc_bk{display:block;} 

/*color*/
.bg_b1{background:#3f96df;}
.bg_b2{background:#175bc4;}
.bg_b3{background:#0075df;}

img{max-width:100%;}
/*=========================================== Align ==============================================*/
/* align style */
.clear{clear:both;}
.clearfix{width:100%;}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none !important;}

.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.justify{text-align:justify !important;}

/* 세로정렬 */
.vmiddle{vertical-align:middle !important;}
.vtop{vertical-align:top;}
.vbottom{vertical-align:bottom;}

/*========================================== img ================================================*/
/* img */
.img_area{display:inline-block; width:100%; padding:20px 0 20px 0; text-align:center;}
.img_area img{display:inline-block; max-width:100%;}
.max_img100{max-width:100%;}

/*========================================== Font ================================================*/
/* title */
h3{margin: 40px 0 15px 0px;padding: 0 0 0 27px;font-size: 1.313em;color:#004ea1;letter-spacing: -0.05em;} 
h3:first-child{margin-top: 20px}
h4{margin: 0 0 10px 0;padding: 0 0 0 30px;font-size: 1.125em;color:#333;} 
h5{margin:3px 0 3px 0px;padding:0 0 5px 43px;font-size:1.125em; color:#444;}
h6{margin:3px 0 3px 0px;padding:0 0 5px 55px;font-size:1em; color:#666;}

h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-size:80%; font-weight:normal;}
.small{font-size:80%; font-weight:normal;}

/* title type */
.tit1{font-size:1.714em;} 
.num_tit{color: #fff;background-color: #108353;padding: 0px 15px;border-radius: 20px;margin-left: 20px;margin-top: 10px;display: inline-block;}


@media all and (max-width:900px){
.num_tit{font-size: 0.85em;padding: 0 10px;margin-left: 5px;}	
}

/* text type */
.txt_type1{font-size:1.813em; font-weight:100; padding:5px 0; letter-spacing:-1.5px;}
.txt_type2{font-size:90%; font-weight:100; letter-spacing:-1px; margin:-2px 0;}
.txt_type3{color:#2587e1; font-weight:500;}
.txt_type4{font-size: 0.875em;font-weight: 100;color: #ff0000;/* width: 100%; */text-align: right;float: right;letter-spacing: -0.5px;}
.txt_type4_1{font-size: 0.875em;font-weight: 100;color: #ff0000; float: right;letter-spacing: -0.5px; text-align: left; word-break: keep-all;}

/* 들여쓰기 */
.txt_h3{margin-left:20px !important;}
.txt_h4{margin-left: 28px !important;}
.txt_h5{margin-left:50px !important;}
.txt_h6{margin-left:58px !important;}

/* 폰트 사이즈 */
.txt_s085{font-size:0.85em;}
.txt_s1{font-size:1em;} /*14px*/
.txt_s2{font-size:1.143em;} /*16px*/
.txt_s3{font-size:1.286em;} /*18px*/
.txt_s4{font-size:1.429em} /*20px*/
.txt_s5{font-size:1.714em} /*24px*/

.txt_s100p{font-size:100% !important;}
.txt_s110p{font-size:110% !important;}
.txt_s115p{font-size:115% !important;}
.txt_s120p{font-size:120% !important;}
.txt_s130p{font-size:130% !important;}
.txt_s140p{font-size:140% !important;}
.txt_s95p{font-size:95% !important;}
.txt_s90p{font-size:90% !important;}
.txt_s80p{font-size:80% !important;}
.txt_s70p{font-size:70% !important;}
.txt_s60p{font-size:60% !important;}
.txt_s50p{font-size:50% !important;}

/* 폰트 기타 */
.txt_u{text-decoration:underline !important;}
.txt_normal{font-weight:normal !important;}
.txt_light{font-weight: 100;}
.txt_bold{font-weight: 600;}
.txt_deco_none{text-decoration:none !important;}

/* color-point */
.c_site{color:#4b93e1 !important;}
.c_green{color:#1D674E !important;}
.c_green2{color:#108353 !important;}
.c_blue{color:#0054b3 !important;}
.c_gray{color:#ccc !important;}
.c_bk1{color:#333 !important;}
.c_bk2{color:#111 !important;}
.c_bk3{color:#666 !important;}
.c_blue{color:#5b79b9 !important;}
.c_red{color:#ff3300  !important;}
.c_red2{color:#e13d00 !important;}
.c_point{color:#003b6f !important;}
.c_normal{color: #6c6e72 !important;}
.c_orange{color: #f15922 !important;}
.c_navy{color: #223f78 !important;}
.point1{ color: #eb6037;}

/* 말줄임 ··· */
.ellipsis{overflow:hidden;white-space:nowrap;}

/* 블릿 스타일 */
.bl_h3{background: url(images/common/bl_h3.png) no-repeat 0% 50%;margin: 40px 0 10px 0px;padding-left: 29px;font-size: 1.4em;color: #000000;font-weight: 700;}
.bl_h4{background: url(images/common/bl_h4_2.png) no-repeat 9px 6px;}
.bl_h5{background:url(images/common/bl_h5.png) no-repeat 22px 6px;}
.bl_h6{background: url(images/common/bl_h6.gif) no-repeat 30px 11px;}

.bl_arr{padding:3px 0 3px 13px; background:url(images/common/bl_arr.png) no-repeat 0px 11px;}
.bl_arr_down_blue{background:url(images/common/bl_arr_down_blue.png) no-repeat left 3px; padding-left:27px;}
.bl_dot{background:url(images/common/bl_dot_gray.gif) no-repeat left 10px; padding-left:10px;}

.item {float: left;}

.col-1		{max-width:8.3333%;}
.col-2		{max-width:16.6666%;}
.col-3		{max-width:25%;}
.col-4		{max-width:33.3333%;}
.col-5		{max-width:41.6666% }
.col-6		{max-width:50%;}
.col-7		{max-width:58.3333% }
.col-8		{max-width:66.6666%;}
.col-9		{max-width:75%;}
.col-10	    {max-width:83.333%;}
.col-11	        {max-width:91.666%;}
.col-12	    {max-width:100%;}
.col-10-2	{width:20%;}

.img_area .img01 {display: inline-block;}
.img_area .img02 {display: none;}

/*=========================================== Border ==============================================*/
/* line */
.line_none{border:none !important;}
.line_r_none {border-right:none !important;}
.line_l_none {border-left:none !important;}
.line_b_none {border-bottom:none !important;}
.line_t_none {border-top:none !important;}

.line_b {width:100%;border-bottom:1px solid #ccc;box-sizing:border-box;}
.line_b_all > *{width:100%;padding:30px 0;border-bottom:1px solid #ccc;box-sizing:border-box;}
.line_t {width:100%;border-top:1px solid #ccc;box-sizing:border-box;}

.line_t {border-top:1px solid #999 !important}
.line_b {border-bottom:1px solid #999 !important}
.line_t.gray {border-top-color:#ccc !important;}
.line_b.gray {border-bottom-color:#ccc !important;}

.bgnone {background:none !important;}

/*=========================================== list ==============================================*/
/* list */
/*ul,li,dd,dt,dl{font-size:15px;}*/
.list{margin-bottom:0px;}
.list li{margin-bottom:6px;}
.list li:before, .list dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72  no-repeat; vertical-align:middle; left: 9px;}
.list li ul{margin:6px 0 6px 0px;}
.list li li:before, .list dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }

.list1{margin-bottom:20px;}
.list1 li{margin-bottom: 3px;word-break: keep-all;}
.list1 li.bgno{background: none;padding-left: 0;}
.list1 li,.list1 dt{background: url(images/common/bl_h5.gif) no-repeat 0px 11px; padding-left:10px;}
.list1 li li,.list1 dt dt {background:none;padding-left: 3px;}
.list1 li li:before, .list1 dd:before{content:"";display:inline-block;width:6px;height:2px;margin: 0 4px 3px -10px;background:#6c6e72;vertical-align:middle;}
.list1 li ul{margin: 8px 0 0px 0px;}
.list1 li li li:before, .list1 dd dd dd:before{content:"";display:inline-block;width:2px;height:2px;margin: 0 5px 3px -7px;background:#6c6e72;vertical-align:middle;}
dl.list1{margin-bottom:20px;margin-left:27px;}
.list1 dt{margin-bottom:6px; font-weight:500; }
.list1 li li, .list1 dd dd{margin: 0 0 8px 15px;}
.list1 li li li, .list1 dd dd dd{margin: 0 0 8px 7px;}

.list2{margin:6px 0 20px 42px;}
.list2 li{margin-bottom:6px;word-break: keep-all;}
.list2 li:before, .list2 dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle;}
.list2 li ul{margin:6px 0 6px 0px;}
.list2 li li:before, .list1 dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
.list2 li li, .list2 dd{margin:0 0 6px 15px;}

.list3{margin-bottom:20px;margin-left:55px ;margin-top:6px;}
.list3 li{margin-bottom:6px;word-break: keep-all;}
.list3 li:before, .list3 dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle;}
.list3 li ul{margin:6px 0 6px 0px;}
.list3 li li:before, .list1 dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
.list3 li li, .list2 dd{margin:0 0 6px 15px;}

.list4 li:not(:last-child){margin-bottom: 10px;}
.list4 span.link{display:inline-block;/* width:22px; *//* height:16px; */margin-left:5px;}
.list4 a.btn_line{display:inline-block;/* width:22px; *//* height:16px; *//* font-size:0; */border-radius: 3px;background: #7d7d7d;/* border: 1px solid #333; */padding: 2px 18px;margin-right: 5px;color: #fff;}
.list4 a.btn_line.color1{background-color: #fb5252;}
.list4 a.btn_line.color2{background-color: #10a79e;}

/* Box Type */
.box_top{display:block;position:relative;padding: 30px 45px;border: 1px solid #e5e5e5;margin: 0 0 40px 0;background: #f7f7f7;font-size:1em;word-break: keep-all;overflow: hidden; }
.box_top.intro{padding: 30px 45px 30px 141px;background: url(images/content/top_box_bg.png) no-repeat #f4f8fb 4% 22%;}
.box_top.intro.bg{ background: url(images/content/top_box_bg.png) no-repeat #f4f8fb 4% 50%;}
.box_top img{ float: left;  margin-right: 45px; border-radius: 10px;}
.box_top .tit{display: block;font-size: 1.125em;color: #12548e;font-weight:normal;letter-spacing: -0.05em;padding-bottom: 5px;}
.box1{display:block;position:relative;padding: 27px;border: 1px solid #e9e9e9;margin:0 0 20px 0;background-color: #f7f7f7;}
.box1 .title{font-weight:500; font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px; color: #000;}
.box2{display:block; position:relative; padding:35px; margin:20px 0 20px 0; background:#f8f8f8;border-radius:7px; overflow:hidden;}
.box3.obq {background:url(images/common/box_bg_obq2.gif) repeat; overflow:hidden; padding:5px;}
.box3.line {background:#fff; border:1px solid #ddd; overflow:hidden; padding:20px;}
.box4{border:6px solid #dadef1; background:#dadef1; overflow:hidden; border-radius:5px;}
.box4.line{padding:20px 30px 10px 40px; border:1px solid #4a558d; border-radius:5px; background:#fff;}
.box5{display:block;position:relative;margin:0px 0 20px 0;overflow:hidden;background: #f9f9f9;border: 1px solid #eee;padding: 20px;box-sizing: border-box;word-break: keep-all;}
.box_img_left img{float:left; margin-left:3%; margin-right:5%;}
.box_img_left .text_area{float:left; width:auto;}

.box1 > ul > li{background: url('images/common/bl_dot.png') no-repeat 5px 12px;padding-left: 13px;margin-bottom:10px;line-height: 1.5;}
.box1 > ul > li:last-child{margin-bottom: 0;}


/*text box*/
.txtbox_line {background:#fff; border:1px solid #fff; overflow:hidden; padding:20px;}
.txtbox_dash {background:#f9f9ed; border:1px dashed #b0b0b0;}
.txtbox_green {background:url(images/common/bg_txtbox_green.gif) repeat;}
.txtbox_white {background:#fff;}
.txtbox_obq .topbox img{float:left; margin:25px 40px; display:block;}
.txtbox_obq .topbox ul{float:left; padding:25px 0px 20px 0;}
.txtbox_obq .topbox ul li+li{background:url(images/common/bl_dot_gray.gif) no-repeat left 10px; padding-left:10px;}
.txtbox_obq .topbox .txt1{font-size:140%; font-weight:100; padding-bottom:14px; line-height:33px;}
.txtbox_obq .topbox .txt2{font-size:90%; font-weight:100;}


/*=========================================== Button ==============================================*/
/*.btn Reset */
.btn{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;margin-bottom:2px;/* margin:0 2px; */padding:0;vertical-align: middle;white-space: nowrap;text-decoration:none;border-radius: 5px;color:#fff;background-color:#444;/* border:1px solid #474a52; */border-width:0 1px 1px 0;font-family: 'Noto Sans KR';cursor:pointer;/* margin-right: 7px; */}
.btn a{ display: block; width: 100%;  height: 100%; padding: 11px 35px 11px 60px;}
a.btn{margin:0 2px 2px;} 
p.btn{cursor: no-drop; }

/*.btn Size */
.btn.small{height: 25px;padding:0 15px;line-height: 25px;font-size: 0.9em;}
.btn.medium{height: 40px;padding: 0 19px;line-height: 40px;font-size:0.813em;} 
.btn.large{height: 42px;padding:0 30px;line-height:42px;font-size:0.875em;}

/*.btn type */
.btn.type_board{height: 31px;padding: 0 19px;line-height: 31px;font-size:0.813em;border-radius: 0;}
.btn_zoom,.btn_ico{width: 31px;height: 31px;background: #666;color: #fff;font-size: 1.8em;font-weight: 100; font-family:'Noto Sans KR'; line-height: 31px; padding-top: 7px;text-align: center;padding-left: 1px;border: 1px solid #666;}


/*.btn Color */
.btn.white{border:1px solid #d6d9e0; border-width:1px 1px 1px 1px; color:#333; background:#f4f5f7;}
.btn.color1{background-color: #10a79e;}
.btn.color1:hover{background-color: #04948b;}
.btn.color2{background-color: #f4f4f4;border: 1px solid #cacaca;color: #333;}
.btn.color2:hover{background-color: #e0e0e0;}
.btn.color3{background-color: #4b4e4e;/* border: 1px solid #ec6347; *//* color: #ec6347; */}
.btn.color3:hover{background-color: #353838;}
.btn.color4 {background-color:#ec6347;}
.btn.color5 {background-color: #565656;}
.btn.color6 {background-color: #0f6643;border: 1px solid #0f6643;}

/* 버튼 icon */
.btn.ico{position:relative;/* padding: 11px 35px 11px 60px; */background-repeat: no-repeat;background-position: left 30px center;transition: 0.3s;}
.btn.ico:after{position:absolute;top:0;right:0;content:"";display:inline-block;width: 18px;padding: 0 3px;background:url(images/common/btn_ico_w.png) no-repeat;}
.btn.ico.white:after{position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; padding:0 5px; background:url(images/common/btn_ico_b.png) no-repeat;}
.btn.ico.write{background-image: url(images/common/btn_write.png);}
.btn.ico.delete{background-image: url(images/common/btn_delete.png);}
.btn.ico.list{background-image: url(images/common/btn_list.png);}
.btn.ico.star{background-image: url(images/common/btn_star.png);}
.btn.ico.check{background-image: url(images/common/btn_check.png);}
.btn.ico.reply{background-image: url(images/common/btn_reply.png);}
.btn.ico.download{background-image: url(images/common/btn_download.png);}
.btn.ico.more{background-image: url(images/common/btn_more.png);}

/*.btn Hover */
.btn:hover, .btn:active, .btn:focus{/* border-right:1px solid #999; *//* border-bottom:1px solid #999; *//* color:#fff; *//* text-decoration:none; *//* background-color: #777; *//* background-repeat: no-repeat; *//* box-shadow: 6px 6px 0px rgb(0 0 0 / 15%); *//* transform: translate(-4px, -4px); */} 
.btn.color1:hover, .btn.color1:active, .btn.color1:focus{color:#fff;text-decoration: none;} 
.btn.white:hover, .btn.white:active, .btn.white:focus{border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; color:#333; text-decoration: none; background: #eee;} 

/* btn Area */
.btn_area{overflow:hidden;margin:20px 0;text-align:center;}
.btn_center{text-align:center}
.btn_area.btn_right{text-align:right }
.btn_area.btn_left{text-align:left }
.btn_area:after{content:''; display:block; font-size:0; line-height:0;}
.btnwrap-02{margin:15px 0}

/* 텍스트가 없는 아이콘 버튼 */
.btn.ico.no_txt{padding-right:23px;}

.btn.small:after{height:20px; margin:1px 2px 0 8px}
.btn.medium:after{height: 20px;margin: 10px 6px 0 3px;}
.btn.large:after{height:20px; margin:10px 2px 0 8px}
input[type="submit"].btn.ico, 
input[type="button"].btn.ico{background:url(images/common/btn_ico_w.png)no-repeat #333;}
input[type="submit"].btn.ico.color, 
input[type="button"].btn.ico.color{background:url(images/common/btn_ico_w.png)no-repeat;}
input[type="submit"].btn.ico.white, 
input[type="button"].btn.ico.white{background:url(images/common/btn_ico_b.png) no-repeat #f4f5f7;}


.tBtn{padding:20px 0;}
.tBtn input{display:inline-block;}
.tBtn a, .tBtn button{display:inline-block;height: 47px;color: #3d9b64;padding: 11px 42px 11px 59px;border: 1px solid #3d9b64;text-align: center;font-weight: 600;background:  no-repeat left 31px center;transition: 0.3s;border-radius: 6px;font-family: 'Noto Sans KR';font-size: 1em;}
.tBtn .btn_back{background-image: url(images/common/ico_back.png); }
.tBtn .btn_apply{background-image: url(images/common/ico_apply.png); }
.tBtn .btn_list{background-image: url(images/common/ico_list.png); }
.tBtn .btn_modify{background-image: url(images/common/ico_modify.png);}
.tBtn .btn_regist{background-image: url(images/common/ico_regist.png);}
.tBtn .btn_del{background-image: url(images/common/ico_del.png); }


/* links */
.links {color:#056DAE; text-decoration:none; word-break:break-all;}
.links:hover {color:#002a54; text-decoration:underline;}

/*=========================================== Tab ==============================================*/
/* 탭메뉴 */

.tabmenu {margin-bottom:25px; }
.tabmenu ul{border: 1px solid #e0e0e0;}
.tabmenu ul li {position:relative;float:left;border-right: 1px solid #e0e0e0;}
.tabmenu ul li:after{content:"";display:block;}
.tabmenu ul li a {display:block;border:1px solid  transparent;height:50px;padding: 38px 20px;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.08em;font-family: 'GmarketSans';font-size: 1.2em;padding-top: 20px;border-top: 1px solid #05a090;border-bottom: 1px solid #05a090;color: #adadad;/* line-height: 39px; */position: relative;}
.tabmenu ul li a img.ico_blank {vertical-align:baseline;padding-left:10px;}
.tabmenu ul li.on a {position:relative;background-color: #67b159;color: #fff;font-weight:bold;text-decoration:none;}
.tabmenu ul li a:hover{text-decoration: none;}
.tabmenu .on:after {position: absolute;top: 1px;right: -15px;width: 15px;height: 60px;background:url(https://www.gyeongnam.go.kr/upload_data/board_data/BBS_0000536/163728772431756.png) no-repeat right 0;content: '';}
.tabmenu ul li:last-child::after{content:none;}
.tabmenu .on:before {position: absolute;bottom: -10px;left: 50%;width: 0;height: 0;margin-left: -10px;border-top: 10px solid #05a090;border-left: 10px solid transparent;border-right: 10px solid transparent;content: '';z-index: 1;}
.tabmenu ul li:after{content: '';position: absolute;background-color: #67b159;bottom: 0;left: 0;width: 100%;height: 0;transition: 0.3s;}
.tabmenu ul li:hover:after{height:100%;}
.tabmenu ul li:hover a{color:#fff;z-index: 1;font-weight: bold;}

	/* 갯수 넘버링 */
	.tabmenu ul.tab-2 li {width:50%;}
	.tabmenu ul.tab-2 li:after{content:"";}
	.tabmenu ul.tab-3 li {width:33.33%;}
	.tabmenu ul.tab-3 li:after{content:"";}
	.tabmenu ul.tab-4 li {width:25%;}
	.tabmenu ul.tab-4 li:after{content:"";}
	.tabmenu ul.tab-4.lastTab li {width:23%;}
	.tabmenu ul.tab-4 li:nth-child(4n-3) {margin-left:0;}
	.tabmenu ul.tab-5 li {width:20%;}
	.tabmenu ul.tab-5 li:after{content:"";}
	.tabmenu ul.tab-5 li:nth-child(5n-4) {margin-left:0;}
	.tabmenu ul.tab-6 li {width: 16.5%;}
	.tabmenu ul.tab-6 li:after{content:"";}
	.tabmenu ul.tab-6 li:nth-child(6n-5) {margin-left:0;}
	
/* 탭메뉴 type2*/
.tabmenu.tab_type2 {overflow:hidden;margin-bottom:25px;padding: 0px 0px 10px;/* background: #e7f0f8; */border: 1px solid #ddd;border-left: 0;border-right: 0;border-top: 0;}
.tabmenu.tab_type2  ul.tab-3 li {padding: 0px 5px;}
.tabmenu.tab_type2  ul li a{border-radius: 8px;}
.tabmenu ul.tab-4.lastTab li:last-child{width: 30%;}


/* 탭메뉴 type3*/
.tabmenu.tab_type3 {overflow:hidden;margin-bottom:25px;padding: 0px 0px 10px;/* background: #e7f0f8; */border: 1px solid #ddd;border-left: 0;border-right: 0;border-top: 0;}
.tabmenu.tab_type3  ul.tab-3 li {padding: 0px 5px; width: 33.33% !important;}
.tabmenu.tab_type3  ul li a{border-radius: 7px;padding: 11px 3px;}
.tabmenu.tab_type3 ul li.on a, .tabmenu.tab_type3 ul li a:hover, .tabmenu.tab_type3 ul li a:focus{background: #004ea2;border-radius: 7px;border: 1px solid #004ea2;color: #ffffff;}

.tabmenu.tab_type3 li{padding-right: 5px; margin-bottom: 5px;}

	/* mobile */
	@media only screen and (max-width: 460px){
		.tabmenu.tab_type3 li{padding-right: 5px; margin-bottom: 5px; width: 100% !important;}
	}
    @media only screen and (max-width: 600px){
    	.tabmenu ul.tab-4 li{width:50%;}
    	.tabmenu ul li a{height: 50px;padding: 0;line-height: 55px;}


    }


	@media screen and (min-width: 900px) {
 	.tabmenu ul li a{font-size: 1.1em;}
    	.tabmenu .on:before{display:none;}
            .tabmenu .on:after{display:none;}
            .tabmenu ul li a{border:none;/* background-color: #f7f7f7; */}
            .tabmenu ul li:last-child{border-right: none;}
            .tabmenu ul li:first-child{/* border:none; */}
}

	@media all and (max-width:900px){
    		/* .tabmenu ul.tab-4 li{border-left:1px solid #05a090;}*/
    		 .tabmenu ul li a{font-size: 1.1em;}

    		 .tabmenu .on:before{display:none;}
            .tabmenu .on:after{display:none;}
            .tabmenu ul li a{border:none;background-color: #f7f7f7;}
            .tabmenu ul li:last-child{border:none;}
            .tabmenu ul li:first-child{border:none;}
	}

	@media all and (max-width: 480px){
		.tabmenu ul li:nth-child(2)::after{content:none;}
	}
/*=========================================== Table ==============================================*/
/* table */
table caption{overflow:hidden; line-height:0; text-indent:-2000em;}
table tfoot th, table tfoot td{text-align:center;  border-top:1px solid #abafb9; background:#f6f6f7; }
table tfoot th{border-right:1px solid #c8ccd4; }
table tfoot td{border-right:1px solid #c8ccd4; }
table tfoot th:first-child{border-left:none;}
table tfoot td:first-child{border-left:none;}
.table_c.tl td, .table_cr.tl td, .table_r.tl td, .table_m.tl td, .tableInner.tl td{text-align:left; }
tbody th.style1{background: #f6f6f7; text-align: left; }
tbody th.style2{background: #fff; text-align: left; }
tbody td.style1{text-align: left; padding-left: 30px; }
tbody td.td_bg1{background: #f6f6f7;}
tbody td.td_bg02{background: #fdf3f0;}
tbody td.td_bg3{background: #e7edf5;}

.table_wrap{overflow: hidden; width: 100%;}
table.table_c {width: 100.4%;border-spacing:0;border-collapse:collapse;border-top: 2px solid #05855f;table-layout:fixed;}
table.table_c thead th {background-color:#fff;color:#353535;font-weight:bold;text-align:center;padding:15px 0;border-bottom: 1px solid #c9d1c8;border-right: 1px solid #c9d1c8;background-color: #f4fbf3;}
table.table_c thead tr:first-child th:last-child{/* border-right: none; */}
table.table_c thead th.title{ font-size: 1.2em;  font-weight: 700;   padding: 20px 0;}
table.table_c tbody td {padding:14px 10px;text-align: left;border-bottom:1px solid #cecece;border-right: 1px solid #cecece;word-break: break-all;}
table.table_c tbody td.title {text-align: center;font-size: 16px;line-height: 130%;-webkit-line-clamp: 1;}
table.table_c tbody td.title p.sub {margin-top: 8px;color:#333;font-size:14px;letter-spacing: 0px;}
table.table_c tbody td.title img {vertical-align:middle;}
table.table_c tbody td.link img.ico_blank {display:inline-block;padding-left:10px;}
table.table_c tbody td.progress span{  background-color: #e9f0fb; height: 28px;line-height: 28px; display: block;  margin: 0 auto;  text-align: center; border-radius: 30px; color: #2769cc; padding: 0 1%; margin-top: 5px;}
table.table_c tbody td.progress .ing{background-color: #298dff;color: #fff;}
table.table_c tbody td.progress .end{background-color: #193c65;color: #fff;}
table.table_c tbody td.progress .test_end{background-color: #9e621d;color: #fff;}
table.table_c tbody td.progress .test_ing{background-color: #1a98a9; color:#fff;}
table.table_c tbody td.progress .test_cancle{background-color: #b33614;color: #fff;}
table.table_c tbody td.more{}
table.table_c tbody td.more a{border: 1px solid #adb5c1;padding: 7px 16px;color: #838b96;}
table.table_c tbody td.txt_left{text-align:left;}
table.table_c tbody tr.end_tr{ background-color: #f5f5f5;}
table.table_c tbody th {padding:15px 0;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;}
table.table_c tbody td input[type='text'], table.table_c tbody td input[type='password'] {border:1px solid #ddd;background:#fff; height:40px;}
table.table_c tbody td select {min-width:120px;height:40px;border:1px solid #ddd;background:#fff url('images/common/bg_select.gif') no-repeat 100% 0;cursor:pointer;padding-left:10px;}
table.table_c tbody td .form_select select{min-width:200px;}
table.table_c .td_left { text-align:left; }
.table_c tbody td.num_enter #answer{ height: 50px;}
.table_c tbody td.num_enter input[type="button"]{height: 50px;border: none;background-color: #68696d;color: #fff;padding: 0 20px;font-family: 'Noto Sans KR';}

.area1{margin-bottom:50px;}
.area1 p.txt2{margin:0 0 10px 15px;}

/* 각 셀의 패딩을 좁힘 */
.table_p th, .table_p td{padding:5px 8px;}

/* list_num */
.list_num_box1 li{position:relative; border:1px solid;padding:15px 15px 15px 60px;  border-radius:10px; margin-bottom: 10px; }
.list_num_box1 li span{position: absolute; top: 50%; left: 0; width: 30px; height: 30px; line-height: 30px; margin: -15px 0 0 15px; color: #fff; text-align: center; font-size: 1.4em; font-weight: 500; background-color: #555; border-radius: 5%;}

.list_num_box2 li{position:relative; border:1px solid;padding:15px 15px 15px 60px;  border-radius:10px; margin-bottom: 10px; }
.list_num_box2 li span{position: absolute; top: 0; left: 0; width: 30px; height: 30px; line-height: 30px; margin: 20px 0 0 15px; color: #fff; text-align: center; font-size: 1.4em; font-weight: 500; background-color: #555; border-radius: 50%;}

.list_num2{overflow: hidden; margin-bottom: 10px; }
.list_num2 li{position:relative; margin: 20px 0; padding: 0 0 10px 35px;}
.list_num2 li span{width:23px; height: 23px;  line-height: 23px; text-align: center; position: absolute; left: 0; top: 0; box-sizing: border-box; border-radius: 50%; color: #111; border: 1px solid #999; font-weight: 500; }

.list_num3{overflow: hidden; margin-bottom:10px;}
.list_num3 li{position:relative; margin: 20px 0; padding: 0 0 10px 35px;}
.list_num3 li span{width:23px; height: 23px; line-height: 23px; text-align: center; position: absolute; left: 0; top: 0; box-sizing: border-box; border-radius: 50%; color: #fff; background-color: #4a4f5a; font-weight: 500;margin:0px 0 0 0;}

/* list_numPro*/
.list_numPro li{position:relative; padding:20px 20px 20px 250px; border:2px solid; margin-bottom: 10px; }
.list_numPro li span{position: absolute; top: 50%; left: 0; width: 200px; height: 40px; line-height: 40px; margin: -20px 0 0 0; color: #fff; text-align: center; font-size: 1.4em; font-weight: 500; background-color: #555; }

/*board*/
.tb_bo{margin-bottom:10px;}
.datacon{height:300px;}
.datacon_view{height:300px;vertical-align:top;}

/*ul li 형식 테이블*/
.more_table{width: 100%;overflow: hidden;/* border-top: 2px solid #134aa9; */}
.more_table ul{}
.more_table > ul > li{width: 50%;float: left;/* margin-bottom: 3px; */border-top: 1px solid #dcdde0;border-bottom: 1px solid #dcdde0;margin-top: -1px;height: 100%;display: table;}
/* .more_table > ul > li::after{content:"";display:inline-block;width:1px;height:25px;background-color:#c7c7c7;vertical-align: middle;} */
.more_table > ul > li.title{ text-align: center;  font-size: 1.3em;   color: #000;}
.more_table > ul > li.title .td{padding: 0;background-color: #f1fbfb;font-family: 'GmarketSans';font-size: 1.3em;line-height: 90px;padding: 10px 10px 0 10px;}
.more_table ul .wd100p{width: 100% !important;}
.more_table ul li > div{/* float: left; */padding: 25px 15px;display: table-cell;}
.more_table ul li > div.td{ padding-left: 20px;   font-size: 1.04em;vertical-align: middle;}
.more_table ul li > div.th{width: 180px;height: 100%;/* background-color: #f1f8ff; *//* text-align: center; */font-weight: 600;/* border-right: 1px solid #d6d9e2; *//* position: absolute; */display: table-cell;vertical-align: middle;color: #000000;position: relative;font-size: 1.05em;}
.more_table ul li > div.th.wd100p:after{display:none;}
.more_table ul li > div.th::after{content:"";display: inline-block;width:1px;height: 25px;background-color: #dcdde0;vertical-align: middle;position: absolute;right: 0;}
.more_table ul li > div.th::before{content:"";display:inline-block;width:17px;height:17px;background: url(images/common/more_table_ico.png) no-repeat 50% 50%;vertical-align: middle;margin-right: 7px;}
.more_table ul li > div.th.wd100p + div{/* width: 100%; */text-align: center;display: table-row;}
.more_table ul li > div.th.wd100p + div img{padding: 0 20px;width: 70%;}
.more_table ul li:first-child > div.th{border-top: 2px solid #52abf7;}
.more_table ul li:first-child > div.td{border-top: 3px solid #08a99f;font-weight: 600;}
.more_table ul li > div .keyword{background-color: #deeaff;padding: 3px 13px;border-radius: 20px;color: #0d3780;font-weight: 500;display: inline-block;margin-bottom: 5px;}
.preview_btn{padding: 2px 25px 2px 35px;background: #fff url(images/common/preview_btn.png)no-repeat 14% 50%;color: #333;/* margin-left: 10px; */border-radius: 5px;font-size: 0.95em;display: inline-block;border: 1px solid #484848;}
.more_table > ul > li.file ul li{  margin-bottom: 10px;}
.more_table > ul > li.file ul li::before{content:"";display:inline-block;width:21px;height:16px;background: url(images/common/download_ico.png);}
.more_table ul li > div.td .download::before{content:"";display:inline-block;width:21px;height:16px;background: url(images/common/download_ico.png);}
@media all and (max-width:980px){
    .more_table ul li > div{padding: 11px;}
    .more_table ul li{width:100%;}
    .more_table ul li > div.th{width: 110px;}
    .more_table > ul > li.title .td{/* padding: 25px 10px; */line-height: 70px;}
    .more_table ul li:first-child > div.td{font-size: 1.15em;/* line-height: initial; */}

    .tBtn a, .tBtn button{height:auto;padding:10px 14px 10px 40px;background-position:left 12px center}
}
@media all and (max-width:480px){
	.more_table ul li:first-child > div.td{ line-height: 22px; padding: 20px 20px 12px 20px; font-size: 1em;}
}




/*ul li 형식 테이블 - 글쓰기*/
.more_table.write > ul > li{width: 100%;}
.more_table.write ul li > div.th::before{display:none;}
.more_table.write ul li > div.td input[type="text"]{height: 40px;min-width: 180px;}
.more_table.write ul li > div.td select{padding: 0 42px 0 10px;}
.more_table.write ul li > div.td.addr_td{}
.more_table.write ul li > div.td.addr_td input{width: 500px;}
.more_table.write ul li > div.td.addr_td input:last-child{margin-top:5px;width: 100%;}
.more_table.write ul li > div.td.addr_td button{height: 39px;background: #464646;color: #fff;padding: 0 15px;}
@media all and (max-width:980px){
    .more_table.write ul li > div.th{width: 115px;}
}
@media all and (max-width:768px){
	.more_table.write ul li > div.td input[type="text"]{width: calc(100% - 30px);}
	.more_table.write ul li > div.td input.etc_input{width: 150px;}
	.more_table.write ul li > div.td select{width:100%}
	.hasDatepicker{margin-bottom:5px;}
	.more_table.write ul li > div.td.addr_td input{width:100%;}
	.more_table.write ul li > div.td.addr_td button{width:100%;}
}


/* 달력모달 */
.hasDatepicker{background: url(images/content/ico_caldr.png) no-repeat right 7px center;min-width: 170px;cursor: pointer;}
input[type=text].hasDatepicker::-ms-clear{display: none;}
.ui-datepicker-trigger{display:none;}
#ui-datepicker-div{padding: 0;border: 1px solid #08a99f;border-radius: 0;}
.ui-datepicker .ui-datepicker-header{background-color:#08a99f; padding: 8px !important;color: #fff;border-radius: 0;border: none;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{background-color: #63676d !important;opacity: 1;}
.ui-datepicker .ui-datepicker-buttonpane button{border-radius: 20px !important;padding: 5px 20px !important;border: none !important;background-color: #2196f3 !important;color: #fff !important;font-size: 0.9em !important;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month{margin-left: 10px;color: #3a3a3a;line-height: 1;}
.ui-datepicker .ui-datepicker-title{margin: 0 10px !important;line-height: 10px !important;font-size: 0.9em;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 38% !important;height: 30px;}
.ui-datepicker .ui-datepicker-title select{border-radius: 20px;padding-left: 10px;font-weight: 600;font-size: 1.05em !important;background: #fff url('images/common/ico_b_arr1.png') no-repeat 90% 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.ui-datepicker select.ui-datepicker-year{margin-right: 3px !important;color: #3a3a3a;line-height: 1;}
.ui-state-default{ background: #fff !important; border: 0 !important;  color: #b9b9b9 !important;  text-align: center !important; font-size: 0.9em !important;}   
.ui-widget-content{background: #fff !important;overflow: hidden;border-top: 1px solid #d2d2d2 !important;} 
.ui-datepicker table{border-top: 5px solid #fff;border-left: 5px solid #fff;border-right: 5px solid #fff;}
.ui-icon-circle-triangle-e{background: url(images/common/cal_arr.png) center no-repeat !important;transform: rotate( 180deg );width: 10px;height: 15px;}
.ui-icon-circle-triangle-w{background: url(images/common/cal_arr.png) center no-repeat !important;width: 10px;height: 15px;}
.ui-datepicker .ui-datepicker-prev{  vertical-align: middle;  margin-top: 7px;}
.ui-datepicker .ui-datepicker-next{margin-top: 7px;vertical-align: middle;}
select::-ms-expand {display: none;}

input.input_v2.hasDatepicker{background: url(images/content/ico_calendar.png) no-repeat 97% center; cursor: pointer;}


/*모달*/
#modal{position:fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);left: 0;top: 0;z-index: 9999;display:none;}
#modal > div{left: 50%;top: 50%;transform: translate(-50%, -50%);}


/*마이페이지 - 모달*/
#modal .modal_wrap{width: 700px;max-height: 500px;background: #fff;position: absolute;overflow-y: auto;}
#modal .agree_con{}
#modal .agree_con .modal_info{padding: 30px 30px;}
#modal .agree_con .modal_bar{background: #10a79e url(images/content/ico_agree.png) no-repeat left 30px center;padding: 20px 30px 10px 70px;word-break: keep-all;line-height: 1.3;}
#modal .agree_con .modal_tit{color:#fff;font-size:1.2em;/* padding: 20px 30px 10px 70px; */font-family: "GmarketSans";font-weight: bold;float: left;}
#modal .agree_con .modal_close{float:right;cursor: pointer;position: absolute;right: 15px;top: 15px;}

/* layout */
@media all and (max-width:980px){
    #modal table tbody td{width: 100%;}
}
	
@media all and (max-width:640px){
    #modal > div{width: 90% !important;}
    #modal .agree_con .modal_tit{font-size: 1.1em;}
    #modal .agree_con .modal_bar{  padding: 14px 56px 10px 56px;  text-align: left;  background: #10a79e url(images/content/ico_agree.png) no-repeat left 17px center;}
    #modal .agree_con .modal_info{  padding: 20px;}
    #modal .agree_con .modal_info p{ line-height: 1.6;  text-align: left;}
}


/*기타 - 로그인*/
.certify{width: 75%;margin:0 auto;}
.login_con1{border:1px solid #e3e3e3; border-radius:5px; background: url(images/content/baro_login.jpg) no-repeat 90% 50%;}
.login_con1 .txt{/*padding: 60px 65px;*/ height:295px;}
.login_con1 .txtL{width:50%;height:auto;text-align:center;overflow:hidden;padding: 70px 5px 0px;margin-left: 55px;}

.login_con1 .txt .tit{display:inline-block; /*background: url(/issue/css/images/content/issue_login02.png) no-repeat left center;*/font-size: 50px;font-weight: bold;font-family: 'GmarketSans';}
.login_con1 .txt .info{margin-top:30px; font-family: 'GmarketSans';}
.login_con1 .gsndLoginBtn{background: #10bab9 url(images/content/baro_login_ico02.png) right 23px center no-repeat;color:#fff;display:inline-block;padding: 11px 44px 5px;padding-right:65px;border-radius:10px;margin-top:25px; font-family: 'GmarketSans'; font-weight: bold;}

.login_con2{/*border:1px solid #e3e3e3;*/border-radius:5px;/*padding: 50px;*/text-align:center;margin-top: 50px; padding-bottom: 20px;}
.login_con2 .didLoginBtn{background: #03336e url(images/content/baro_login_ico01.png) right 23px center no-repeat ;color:#fff;display:inline-block;border-radius:10px;padding: 26px 222px 15px;font-weight: bold;font-family: 'GmarketSans'; width:100%;}
.login_con2 .modal{border:1px solid #e3e3e3; margin-top:-5px;}
.login_con2 .modal .qr-num {margin-top: 20px;}
.login_con2 .modal .qr-num .tit1{font-size:1.2rem;font-weight:bold;margin-bottom: 20px;color: #000;text-decoration: underline;}
.login_con2 .modal .qr-box{display:inline-block;border:1px solid #ccc;margin-top: 10px;border-radius: 5px;overflow: hidden; padding: 10px;}
.login_con2 .modal .qr-box .time{color: #183489;}
.login_con2 .modal .didConfirmBtn{background: #0a5ab3;border:0;border-radius:0;padding: 8px 20px;margin-top: 5px;}
.login_con2 .modal .infoTxt{margin-top: 20px;margin-bottom: 20px;}
.login_con2 .modal .infoTxt .tit{font-weight:bold; margin-bottom:5px;}

@media only screen and (max-width : 850px){
.certify {width: 100%;}
.login_con1{background:none; text-align:center;}
.login_con1 .txt {height: auto;}
.login_con1 .txtL{margin: 0 auto;width: 85%;line-height: 1.4em;padding: 42px 0 31px 0;}
.login_con2 .didLoginBtn{padding: 10px 70px;}
.login_con1 .txt .info{font-size: 0.9em;word-break: keep-all;margin-top: 17px;}
.login_con1 .txt .tit{font-size: 31px;}
}

@media only screen and (max-width : 480px){
.login_con1 .gsndLoginBtn{padding: 12px 25px 8px 25px;margin-top:25px;background:#10bab9;}
.login_con2{/* padding: 30px; */padding-bottom: 0;margin-top: 25px;}
}

@media only screen and (max-width : 360px){
.login_con1 .txtL{padding-top:65px;width: 90%;}
.login_con1 .gsndLoginBtn{padding: 10px 15px 5px; margin-top:20px; background:#10bab9;}
.login_con2 {padding:0;}
.login_con2 .didLoginBtn{padding:10px 25px; background:#03336e;}
}


/*============================================== Form ================================================*/
/* form */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select 
{font-family:'Noto Sans KR', "GmarketSans", sans-serif;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea{border:1px solid #d3d6db;vertical-align:middle;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"]{height:auto; padding:7px 3px 7px 5px; margin:0; box-sizing:border-box;}
input[type="file"]{display:inline-block; height:38px; padding:6px 5px; border:1px solid #cccfd5; vertical-align:middle; background:#fff}
input[type="file"]{width:300px;}
input[type="radio"], input[type="checkbox"]{margin:5px;}
input[type="radio"]:first-child, input[type="checkbox"]:first-child{margin-left:0;}
input[type="radio"] + label, input[type="checkbox"] + label{margin-right:15px;}
textarea{padding:10px;}
select{font:inherit; color:inherit; background:#fff; text-transform:none; 
display:inline-block; padding:3px; -webkit-appearance:menulist; line-height:39px; height:39px; margin:0 0 0 0; vertical-align:middle; box-sizing:border-box;}

input.text{padding:0 8px; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input.text_form{border:1px solid #ccc; max-width:100%; min-width: 90px; height:40px; padding:0 0.786em;line-height:normal; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input.text_form:not([readonly]):focus{border:1px solid #1e4da4; outline:0;}
input.text_form.success{border-color:#4fb76f !important; color:#4fb76f;}
input.text_form.error{border-color:#f23d52 !important; color:#f23d52;}
input.text_form[disabled], input.text_form[readonly]{background-color:#eee; color:#999;}

input[type=radio], input[type=checkbox]{width:1.286em; height:1.286em; margin:0.357em;}

textarea{max-width:100%; border:1px solid #ccc; padding:10px; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select{border:1px solid #ccc;padding:0 18px 0 10px;background: #fff url(images/common/ico_b_arr1.png) center right 8px no-repeat;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
select.select_form{max-width:100%;}
select[disabled]{background-color:#eee !important;}
select:not([readonly]):focus{border: 1px solid #429574;outline:0;}
textarea:not([readonly]):focus{border: 1px solid #05855f;outline:0;}
input:not([readonly]):focus, #fileMemo:not([readonly]):focus{/* border: 1px solid #429574; */outline:0;} /*0616추가*/

.form_mg{margin:5px;}

.search .search_form{text-align:right;}
.search select.small{width:55px;}
input[type="file"]::-ms-value {border:1px solid #ccc;background:#fff;}
input[type="file"]::-ms-browse {border:0;background:#eee;}
/*============================================== Board ================================================*/

/*게시판*/
.td_block{display:block; margin-top:2px;}
.label_wrap{display:inline-block; vertical-align:middle; padding:2px;}
.hyphen{color:#b5b5b5; vertical-align:middle;}

/*Board*/
table.tb_board tbody td.etc.addr{text-align:left;}
.board_writediv .form_file{display:block;margin-bottom: 5px;}

/*기타_특정이름지정함*/
.enroll_t{width: 60%;display: inline-block;}

*[class^='btn'].btn_type_wide{display:block; text-align:center;}



/*============================================ 페이지 만족도 조사 ============================================*/
.contents_info #satisfy {position: relative;/* padding: 30px 40px; */border: 1px solid #ddd;background-color: #ffffff;width: 100%;}
.contents_info #satisfy .title {font-size: 1.1em;font-weight: 300;padding: 20px 35px 20px 35px;background-color: #f7f7f7;overflow: hidden;}
.contents_info #satisfy .title > strong {font-size: 1em;font-weight: 600;color: #333;float: left;margin-right: 2%;}
.contents_info #satisfy .title > span {display: block;color: #484c58;line-height: 1.5;display: none;}
.contents_info #satisfy.end_box .title > span{display: inline-block;font-weight: 600;color: #333;}
.contents_info #satisfy.end_box p.end{  padding: 15px 30px;}
.contents_info #satisfy .title .txt {/* position: absolute; *//* right: 35px; */bottom: 20px;font-size: 0.75em;font-weight: 400;float: right;}
.contents_info #satisfy .title .txt::before { content: '['; }
.contents_info #satisfy .title .txt::after { content: ']'; }
.contents_info #satisfy .title .txt span + span::before { content: ' / '; }
.contents_info #satisfy .title .txt strong { font-weight: 400; }

.contents_info #satisfy .list {padding: 10px 30px;}
.contents_info #satisfy .list li{display:inline-block;}
.contents_info #satisfy .list li:before{display:none;}
.contents_info #satisfy .form {width: 40rem;width: 100%;padding: 0 30px 30px 30px;/* float: left; */}
.contents_info #satisfy .form input[type="text"]{ width: calc(100% - 100px);  height: 40px;  padding: 5px 20px;}
.contents_info #satisfy .form .length {/* position: absolute; *//* left: 0; *//* top: 0; *//* width: 9rem; */text-align: right;font-size: 0.8em;float: right;}
.contents_info #satisfy .form .btn {color: #fff;text-align: center;margin: 0;float: right;width: 100px;height: 40px;background: #079d9d;font-size: 0.9em;font-weight: 600;border: none;border-radius: 0;}


/*개인정보 수집 및 이용안내*/
.bul li{margin-bottom:5px;}
.bul li strong{background-color: #8c8f97;color: #fff;padding: 1px 10px;border-radius: 18px;font-weight: 500;font-size: 0.9em;}
.bul li strong + div{display:inline-block;}
.agree_chk{margin: 0 auto;text-align: center;margin-top: 15px;font-weight: 500;border: 1px solid #e0e0e0;padding: 12px 0;margin-bottom: 30px;}
.agree_chk .form_check{display: block;}


/*************************************************************
	Style : 반응형 스타일
*************************************************************/

@media all and (max-width:1280px){
.enroll_t{width: 100%;}

}
@media all and (max-width:1024px){

}
@media all and (max-width:980px){
/* Tablete & Mobile */
	.ta-col-1		{max-width:8.3333%;}
	.ta-col-2		{max-width:16.6666%;}
	.ta-col-3		{max-width:25%;}
	.ta-col-4		{max-width:33.3333%;}
	.ta-col-5		{max-width:41.6666% }
	.ta-col-6		{max-width:50%;}
	.ta-col-7		{max-width:58.3333% }
	.ta-col-8		{max-width:66.6666%;}
	.ta-col-9		{max-width:75%;}
	.ta-col-10		{max-width:83.333%;}
	.ta-col-11		{max-width:91.666%;}
	.ta-col-12		{max-width:100%;}
	.ta-h-reset		{height:auto;}

.txtbox_obq .topbox img{display:none;}
.txtbox_obq .topbox ul{padding:25px 10px 20px 20px;}

.box2 img{display:none;}

.pc1,.pc2{display:none;}
.mo1{display:block;}
.mo2{display:inline-block;}


/*button*/
.btn.ico{/* padding: 5px 14px 5px 44px; */background-position: left 13px center;}

}
@media all and (max-width:768px){
/* Mobile Only */
	.mo_fl{float:left;}
	
	.mo-col-1		{width:8.3333% !important;}
	.mo-col-2		{width:16.6666% !important;}
	.mo-col-3		{width:25% !important;}
	.mo-col-4		{width:33.3333% !important;}
	.mo-col-5		{width:41.6666% !important; }
	.mo-col-6		{width:50% !important;}
	.mo-col-7		{width:58.3333% !important; }
	.mo-col-8		{width:66.6666% !important;}
	.mo-col-9		{width:75% !important;}
	.mo-col-10		{width:83.333% !important;}
	.mo-col-11		{width:91.666% !important;}
	.mo-col-12		{width:100% !important;}
	.mo-h-reset			{height:auto !important;}

	/*board total*/
	.total{font-size:0.813em;color:#666;width: 100%;/* display: block; */float: left;margin: 15px 0 10px 0;}
   
	/* 탭스타일 */
	.tab_st li a {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	/* 탭 사이즈별 */
	.tab_li2 li, .tab_li3 li {width:50%;}
	.tab_li4 li, .tab_li5 li {width:33.3%;}


    /*만족도 조사*/
	.contents_info #satisfy .title{padding: 20px 35px 14px 35px;}
	.contents_info #satisfy .title > strong{font-size: 0.9em;line-height: 1.3;}
	.contents_info #satisfy .title .txt{ font-size: 0.7em;}
	.contents_info #satisfy .list{ font-size: 0.9em;  padding: 5px 30px;}

}
@media all and (max-width:640px){
	/*폼*/
input[type="file"]{width:100%;}

.img_area .img01 {display: none;}
.img_area .img02 {display: inline-block;width: 100%;max-width:639px;}

.box_bg1 .details_box_chk li {padding: 0px 0;}

.table_r2 tbody th{padding:10px 5px 10px 5px; font-size:1em;}
.table_r2 td{padding:10px 5px 10px 15px;}

.search .search_form{text-align:right;}
.search select.small{width: 49.5%;float: left;float: left;margin-bottom: 7px;}
.search select.small.last{float:right;margin-right: 0%;}
.search button{height:40px;display:inline-block;margin-left:0px;border:none;font-size:100%;font-weight:bold;color:#fff;vertical-align:middle;cursor:pointer;border-radius:0px;padding:0 40px 0 34px;width:30%;line-height:35px;margin-left:-6px;background: #fff url(images/common/ico_r_arr3_w.png) center right 18px no-repeat;background-color:#4a4f55;}
.search input.text_form{width:42%;}

/* 모바일 테이블 가로스크롤 */
.all_scroll{position:relative;padding-top: 20px;width:100%;margin-top: 10px;}
.all_scroll::before{position:absolute;top:0px;left:0;content:'좌우Scroll ▶'}
.all_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';z-index:2;}
.all_scroll .page{margin-top: 10px;}

/* 탭스타일 */
.tab_st li {width:50%;}
/*.table_c td.left{padding-left: 10px;}*/

/* 탭 사이즈별 */
.tab_li2 li, .tab_li3 li {width:100%;}
.tab_li4 li, .tab_li5 li {width:50%;}

/*다운로드 미리보기 버튼*/
.list4 span.link{display:block; margin-top:10px;}

/*button*/
.btn.ico{/* padding: 5px 12px 5px 0; */background-position: left 17px center;}
.btn a{padding: 9px 20px 9px 50px;}

/* table */
table.table_c{  font-size: 0.85em;}
table.table_c thead th{padding: 10px 0;}
table.table_c tbody tr{line-height: 1.2;}
table.table_c tbody th{/* padding: 0; */}
}


@media all and (max-width:480px){
 /*폼*/
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select {width:117px;}

.img01{display:none;}
.img02{display:block;margin: 0 auto;}


/* 탭스타일 */
.tab_st li {width:100%;}
.tabmenu li{float:left; display:inline-block;}

/* 탭 사이즈별 */
.tab_li2 li, .tab_li3 li, .tab_li4 li, .tab_li5 li {width: 49%;margin-bottom:5px;margin-left: 1%;}
}