@charset "utf-8";

/* 스킵네비게이션 */
#skipnavigation {overflow:hidden; text-indent: -2000px; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.sknavi {position:absolute; top:-500px;}
.sknavi:focus,
.sknavi:active{top:1px; display:block; width:200px; height:18px; padding:3px; margin-left:5px; text-align:center; font-size:100%; font-weight:bold; background-color:#eee; border: 1px solid #135; text-decoration:none;}

#wrapper {position:relative; width:100%; min-width:320px; margin:0 auto; padding:0;}
input[type=text]{-webkit-appearance:none; -moz-appearance:none; appearance:none;}

#head{position:relative; z-index:2; width:100%; height:46px;background:#fff; /* border-bottom:1px solid #d5d5d5;  */
box-shadow: 2px 2px 6px 0 rgba(150, 150, 150, 0.2);
-moz-box-shadow: 2px 2px 6px 0 rgba(150, 150, 150, 0.2);
-webkit-box-shadow: 2px 2px 6px 0 rgba(150, 150, 150, 0.2); padding-top:20px;}
#head:after{content:""; display:block; clear:both;}
#head_area .top {display:none;}
#head_area #menu_navi {display:none;}

#close_bar { height:40px; padding:0; margin:0; width:100%;text-align:center; background:#fd7600; position:absolute; left:0; top:60px; z-index:9999999; opacity:.9; }
#close_bar .close_wrap { width:100%; margin:0 auto; overflow:hidden;}
#close_bar span { text-align:center; color:#fff; line-height:36px; font-size:16px; font-weight:bold; color:#fff;}
#close_bar .close_btn2 { float:right; padding-top:10px; padding-right:10px;}
#m_menu{background:#4a65b7; width:230px;}
#m_menu .select{border-bottom:1px solid #fff}
#m_menu .depth1{display:block;position:relative;padding:0 14px;height:46px;line-height:46px;font-size:15px;color:#fff;border-bottom:1px solid #3F5084; background:#33598c url(/images/mobile_arrow_off.png) no-repeat 180px center;background-size:18px;}
#m_menu .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:rgba(255,0,0,1);border-radius:30px}
#m_menu .depth1 span{font-style:normal;color:rgba(255,168,0,1)}
#m_menu .depth1 em{position:absolute;z-index:1;top:0;right:4px;width:46px;height:46px;background-size:11px 11px}
#m_menu .depth1.sel{color:#fff; background:#1CB1D1 url(/images/mobile_arrow_on.png) no-repeat 180px center; background-size:18px; font-weight:bold; border-bottom:1px solid #1aaac9;}
#m_menu .depth2{display:none;background:#fff;}
#m_menu .depth2 a{display:block;padding:0 20px;line-height:39px;font-size:12px;color:#333; background:#fff;border-top:1px solid #eee; text-decoration:none}
#m_menu .depth2 a:after { border:0;}
#m_menu .depth2 a.sel{color:#ff952e}
#m_menu .mm-listview>li:not(.mm-divider):after { border:0;}
#m_menu .leftLogin { overflow:hidden;}
#m_menu .leftLogin a { display:block; width:50%; height:50px; line-height:50px; float:left; background:#444; border-bottom:1px solid #333; color:#fff; text-align:center;}
#m_menu .leftLogin a span { display:block; height:50px; border-right:1px solid #333;}
html.mm-opening .mm-slideout{-webkit-transform:translate3d(210px,0,0);transform:translate3d(210px,0,0); box-shadow: -4px 0px 4px 0px rgba(0,0,0,0.05);  }
html.mm-opening { opacity:1; background:#fff;}

.mobile_gnb{position:absolute; top:23px; right:3%; display:block;}
.mobile_gnb img {width:82%; }
h1 {margin-left:20px; margin-top:-8px; display:inline-block; width:200px; height:30px;}
h1 img {width:100%;}

.mlogin {overflow:hidden;}
.mlogin a {display:block; width:50%; height:68px; line-height:68px; float:left; background:#444; border-bottom:1px solid #333;
color:#fff; text-align:center;}
.mlogin a span {display:block; height:68px; line-height:68px;  border-right:1px solid #333;}
.cssmenu {width:0px; overflow:auto; position:fixed; height:2000px; background:#333; right:0; top:0; z-index:9999;}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a { font-weight: normal; text-decoration: none; line-height: 1; font-size:14px; position: relative;z-index:10;}
#cssmenu a { line-height: 1.3;}
#cssmenu {width:220px;overflow:auto;}
#cssmenu > ul > li > a {font-size: 24px; font-weight: bold;display: block;text-transform: uppercase;position: relative;}
#cssmenu > ul > li > a > span {background: #333333 url(../images/gnb_all_bg_on.png) no-repeat 155px center; padding:18px 15px; border-bottom:1px solid #5b5b5b; color:#fff; display: block; font-size:15px; font-weight:normal; }
#cssmenu > ul > li > a:hover {text-decoration: none;}
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.active > a {color: #fff;}
#cssmenu > ul > li.active > a span {background: #33598c url(../images/gnb_all_bg_off.png) no-repeat 152px center; border-bottom:1px solid #383838; color:#fff;}
#cssmenu span.cnt {position: absolute;top: 8px;right: 15px;padding: 0;margin: 0;background: none; display:none;}
#cssmenu ul ul {display: none;}
#cssmenu ul ul li {border-bottom:1px solid #5b5b5b;border-top: 0; }
#cssmenu ul ul li:last-child { border-bottom:0;}
#cssmenu ul ul a {padding: 16px 30px;display: block; color:#a9a9a9; font-weight: normal; font-size: 13px;}
#cssmenu ul ul a:hover {color:#fff;}
#cssmenu ul ul li.odd {background: #444 url(../images/gnb_all_snb_bg.png) no-repeat 15px center;}
#cssmenu ul ul li.even {background: #444 url(../images/gnb_all_snb_bg.png) no-repeat 15px center;}
#cssmenu ul ul {max-height:200px;overflow:auto;}

/* 컨테이너 */
#container {clear:both;}
.main {background: url('/images/mcont_bg.gif')repeat-x; min-width:320px;}
/* 메인비주얼 */
#container .mvisual {min-width:320px; height:420px; margin:0 auto; text-align:left; position:relative; z-index:10; }
#container .mvisual div{position:absolute; font-size:0; line-height:0;}
#container .mvisual .mv_tit01 {top:60px; left:6%;}/* 농사가 쉬워진다! */
#container .mvisual .mv_tit02 {top:120px;left:6%;}/* 가상제어복합시스템 */
#container .mvisual .mv_img01 {bottom:0; left:0; }/* 땅 */
#container .mvisual .mv_img01 img {width:100%;}/* 땅 */
#container .mvisual .mv_img02 {bottom:0; left:70px;} /* 나무 */
#container .mvisual .mv_img03 {bottom:0; right:6%;} /* 집 */
#container .mvisual .mv_img04 {bottom:0; left:6%;} /* 스마트폰 */
#container .mvisual .mv_img05 {top:22px; right:0;display:none} /* 해 */

/* 메인컨텐츠 */
#container .content {margin:0 auto; overflow:hidden;}
.content div.linebox {box-sizing:border-box; padding:30px; background:#fff; border:1px solid #e9e9e9; position:relative;}
.content div.linebox p.tit {color:#252525; font-size:16px; font-weight:600; letter-spacing:-0.5px; margin-bottom:20px;}
.content div.linebox button {position:absolute; top:30px; right:30px;}

/* 실습시나리오현황 */
.content .cont01 {min-width:320px; height:234px;}
.content .cont01 ul > li {margin-bottom:13px; display:inline-block; width:100%;}
.content .cont01 ul > li > a {display:block; float:left;}
.content .cont01 ul > li > a:hover {color:#000;}
.content .cont01 ul > li > a > p {font-size:13px; margin-bottom:5px;}
.content .cont01 ul > li > a > span {color:#949494; font-size:13px;}
.content .cont01 ul > li > p.btn {float:right;}

/* 질의응답 */
.content .cont02 {min-width:320px; height:234px; margin-top:-1px;}
.content .cont02 dl {display:inline-block; width:100%; position:relative;}
.content .cont02 dl > a > dt {float:left; margin-right:6px;}
.content .cont02 dl > a > dd {font-size:13px; line-height:20px; letter-spacing:-1px;}
.content .cont02 dl > a > p {font-size:12px;color:#949494; margin-left:34px; margin-top:2px; }
.content .cont02 dl > a > p > span {color:#585aa7; background:url('/images/date_bar.gif') no-repeat 0 5px; padding-left:10px; margin-left:6px}
.content .cont02 p.btn {float:right; position:absolute; top:0; right:0;}

/* 공지사항 */
.content .cont03 {min-width:320px;  margin-top:-1px;}
.content .cont03 ul > li {display:inline-block; width:100%;}
.content .cont03 ul > li.headline a {background:none; padding:0; border-bottom:1px dashed #d4d4d4; padding-bottom:12px; width:80%;}
.content .cont03 ul > li.headline p.n_tit {font-size:14px;color:#161717;font-weight:600;margin-bottom:5px;}
.content .cont03 ul > li.headline p.n_tit > span > img {margin-left:6px;}
.content .cont03 ul > li.headline p.n_tit:hover {color:#585aa7;}
.content .cont03 ul > li.headline p.n_txt {font-size:13px;}
.content .cont03 ul > li > a {float:left; font-size:13px; line-height:22px; letter-spacing:-1px; background:url('/images/bul_notice.gif') no-repeat 0 10px; padding-left:10px;}
.content .cont03 ul > li > a:hover {color:#000;}
.content .cont03 ul > li > span {float:right; font-size:13px; color:#949494;}

/* 월별수강교육생현황 */
.content .cont04 {min-width:320px; height:200px; margin-top:-1px;}
.content .cont04 .g_caption {float:right;}
.content .cont04 dl {width:98px; display:inline-block;}
.content .cont04 dl dt {font-size:0;line-height:0; width:12px; height:12px; border-radius:8px; float:left; margin-right:4px;}
.content .cont04 dl dd {font-size:12px; color:#7f7f7f;margin-top:-1px}
.g_color1{background:#f5b037;} /* 교육생그래프 */
.g_color2{background:#585aa7;} /* 강사교육생그래프 */
.content .cont04 div.graph {padding:0; border:0; text-align:center;}
.content .cont04 div.graph img {width:95%}

/* 바로가기 */
.con_box {position:relative; min-width:100%; height:200px; overflow:hidden; text-align:center;float:left;}
.con_box a {position:absolute; left:0; display:block; width:100%; height:200px;}

.box_wrap {min-width:50%; height:300px;padding:45px 0 20px 0;}
.box_wrap dl dt {font-size:16px; font-weight:600;color:#fff; margin-bottom:10px;}
.box_wrap dl dd {font-size:13px; color:#fef8f0; margin-bottom:2px;margin-bottom:10px;}
.box_wrap dl p img {width:10%;}


.box01 .box_wrap{background:#f5b037;}
.box01 .hover_wrap{background:url('/images/con01_hover_bg.jpg') no-repeat;}

.box02 .box_wrap{background:#565b81;}
.box02 .hover_wrap{background:url('/images/con02_hover_bg.jpg') no-repeat;}


/* 하단 */
#foot {clear:both; width:100%; min-width:320px; height:74px; background:#282828;}
#foot .foot_area {min-width:320px; margin:0 auto; text-align:center;}
#foot .foot_area address {color:#cecece; line-height:74px; font-size:13px;}


/* 생육예측 */
#container.sub {width:100%; display:inline-block; text-align:center; position:relative; border-top:1px solid #4499be;}
.sub .sub_area {margin:0 auto; text-align:center; min-height:720px; background:#fff; padding:30px;}
#cont_head {display:inline-block; width:100%; padding:0 0 30px 0;}
#cont_head h2 {font-size:40px; color:#1b1b1b; letter-spacing:-1px; float:left; margin-right:30px;}
.location {display:none; padding-top:30px;}
#cont_head .location ul li {float:left;line-height:18px; padding-left:14px; margin-left:12px; background:url("/images/bul_location.gif") no-repeat left 5px;}
#cont_head .location ul li.home {background:url("/images/bul_loc_home.gif") no-repeat left;}
#cont_head .location ul li.now {color:#568cc3;}

/* 생육예측 */
.step_tit_txt{text-align:center; margin-top:20px;}
.step_tit_txt p.stit{font-size:36px; line-height:45px; color:#000;margin-bottom:15px; letter-spacing:-1px;}
.step_tit_txt p.stit strong {color:#568cc3;}
.step_tit_txt p.stxt{font-size:16px; line-height:25px; color:#1f1f1f;letter-spacing:-1px;margin-top:20px;}
.step_tit_txt span{color:#568cc3;}
.step_st_img {display:inline-block;}
.step_st_img img{width:100%;}
.step_btn_start {display:inline-block;border-radius:26px; background:#fed101; color:#000; padding:0 90px; height:60px; line-height:60px; font-weight:bold; box-shadow:1px 1px 0 #ed9a07; font-size:26px; letter-spacing:-1px;}
.step_btn_start:hover {background:#fec401;}

.step_box {width:100%; display:inline-block; overflow:hidden;}
.step_box p.tit {background:url("/images/ico_step.png") no-repeat left 5px; background-size:8%; font-size:20px; color:#000; letter-spacing:-1px; padding-left:36px;line-height:30px;text-align:left;}
.step_box p strong.step_num {font-weight:bold; margin-right:10px;display:block;}
.step_box p strong.step_line {font-weight:bold; background:url("/images/bul_step.png") no-repeat left 30px;display:inline-block}
.step_box p strong.step_line_2 {font-weight:bold; background:url("/images/bul_step_long.png") no-repeat left 30px;display:inline-block}
.step_box .step_area {text-align:center}

table.table_step {margin:0 auto; clear:both; border-collapse:collapse; border-color:#cbcbcb; border-style:solid; border-width:2px 0 0; width:100%;}
table.table_step thead th, tbody th {background:#ecf0f3; color:#333; font-weight:400; text-align:center; vertical-align:middle; padding:20px 0 18px 0; border-left:1px solid #d3e3ea; font-size:15px;border-bottom:1px solid #d6dadd;}
table.table_step thead th.first {border-left:0;}
table.table_step tbody th.first {border-left:0;}
table.table_step tbody td {text-align:left;padding-left:10px; }
table.table_step tbody td img{vertical-align:middle;}
table.table_step tbody td input[type=checkbox] {vertical-align:middle;}
table.table_step tbody td input[type=text] {vertical-align:middle; width:75%; padding-left:10px; height:32px; color:#565656; border:1px solid #cecece; font-size:13px; font-family:'Dotum';font-weight:bold;}
table.table_step tbody td input[type=text].input_add {/*width:72%;*/}
table.table_step td {border-bottom:1px solid #d6dadd; border-left:1px solid #d6dadd;padding:19px 0 18px;}
table.table_step td.first {border-left:0;}
table.table_step select {border:1px solid #cecece; height:36px; width:82%; margin-right:2px; padding-left:10px; color:#525252; -webkit-appearance:none; -moz-appearance: none; appearance: none; background:#fff url("/images/bul_select.gif") no-repeat 95% center; font-family:'NanumGothic','나눔고딕',sans-serif;}
table.table_step td.le {text-align:left; padding:19px 0 18px 42px;}
table.table_step td.le input[type=text]{text-align:left; padding-left:10px;}
table.table_step td.le2 {text-align:left; padding:22px 0 21px 30px ; }
table.table_step td.ri {text-align:right; padding-right:10px;}
table.table_step td.bg {background:#fafafa;}


.mean {clear:both;margin:0 auto;  padding:40px 30px 38px; margin-top:25px; width:80%; border-color:#699ed4; border-style:solid; border-width:2px 0 0; border-radius:15px; background:#ecf0f3;}
.mean label {color:#333;font-weight:bold;font-size:18px;margin-top:10px;display:inline-block}
.mean input {width:180px; height:40px; padding-left:10px; border:1px solid #cecece;margin-left:10px;/* background:#f8f8f8; */}
.step_btn {display:inline-block;border-radius:26px; background:#fed101; color:#000; padding:0 60px; height:50px; line-height:50px; font-weight:bold; box-shadow:1px 1px 0 #ed9a07}
.step_btn:hover {background:#fec401;}


table.table_step_w60 {margin:0 auto; clear:both; border-collapse:collapse; border-color:#cbcbcb; border-style:solid; border-width:2px 0 0; width:60%; float:left;}
table.table_step_w60 thead th {background:#ecf0f3; color:#333; font-weight:400; text-align:center; vertical-align:middle; padding:20px 0 18px 0; border-left:1px solid #d3e3ea; font-size:15px;}
table.table_step_w60 thead th.first {border-left:0;}
table.table_step_w60 tbody th {background:#f2f8fa; color:#333; font-weight:bold; text-align:center; vertical-align:middle; padding:20px 0 18px 0; border-bottom:1px solid #d6dadd;}
table.table_step_w60 tbody td {text-align:center; }
table.table_step_w60 tbody td img{vertical-align:middle;}
table.table_step_w60 tbody td input[type=checkbox] {vertical-align:middle;}
table.table_step_w60 tbody td input[type=text] {vertical-align:middle; width:80px; height:32px; text-align:center; color:#565656; border:1px solid #cecece; font-size:13px; font-family:'Dotum';font-weight:bold;}
table.table_step_w60 td {border-bottom:1px solid #d6dadd; border-left:1px solid #d6dadd;padding:19px 0 18px;}
table.table_step_w60 td.first {border-left:0;}

.ex_img {display:inline-block; border:1px solid #cecece;margin-top:20px; padding:20px}
.input_add {border:1px solid red; width:150px;}
.sm_oc{width:40px;}
.row_add {float:right; padding:0 20px 0 35px; height:28px; line-height:26px; background:#699ed4 url("/images/ico_plus.png") no-repeat 20px center; border-radius:2px;color:#fff;font-weight:600;}
.row_add:hover {background:#568cc3 url("/images/ico_plus.png") no-repeat 20px center;}
.step_txt{display:inline-block;float:left;}
.step_box div label {}
.step_box div label span {display:inline-block;}
.step_box div label:last-child {margin-right:0;}


.tank_area {margin:0 auto;display:inline-block;}
.tank_area .a_tank {width:100%;text-align:left;}
.tank_area .b_tank {width:100%;text-align:left; margin-top:30px;}
.tank_area div p.s_tit {font-size:25px; color:black; display:inline;font-weight:600;}
.tank_area .search_box {float:left; width:100%;}
.tank_area .search_box .tit_01 {width:150px;}

.quiz_area {display:inline-block; padding:30px;border:1px solid #ededed; border-radius:15px; background:#f9f9f9;margin-bottom:15px; text-align:center;}
.quiz_area p.qtit {background:url("/images/ico_qn.png") no-repeat left top; font-size:18px; color:#000; letter-spacing:-1px; padding-left:40px; border-bottom:1px dashed #b8b8b8; padding-bottom:20px;margin-bottom:20px; text-align:left;}
.quiz_area p.exercise_img {border:1px solid #e7e7e7; width:100%; height:140px; background:#fff; margin-right:40px; text-align:center}
.quiz_area ul {display:inline-block; margin-top:10px; text-align:center;}
.quiz_area ul li {float:left; margin-right:15px; padding:0 10px; margin-bottom:10px; text-align:left;width:100%}
.quiz_area ul > li > p {border:1px solid #e7e7e7; width:60%; height:130px; background:#fff; margin-top:10px;margin-left:5px}
.quiz_area ul.ex_img_ty1{}
.quiz_area ul.ex_img_ty2 li {width:100%; min-height:170px;}


.mobile_hidden {display:none;}
.mobile_top {margin-top:5px;}


.btn_sync {vertical-align:top; padding:4px 0 0 0; display:block;}
.btn_sync a {width:87%; height:34px; line-height:34px; background:#677787; border:1px solid #6c7682; border-radius:2px; color:#fff; font-size:13px; display:block; text-align:center;}
.btn_sync a:hover {background:#607080; border:1px solid #607080; border-radius:2px; color:#fff; font-size:13px;}
.mo_txt_left {text-align:left;}



/* 모바일 로그인 */
#wrapper .log {background:url('/images/login_bg.jpg') no-repeat; height:100%; background-position:50% 50%; background-attachment:fixed; background-size:cover; overflow:hidden;}
#wrapper .log .log_area {opacity:0.9; min-height:640px; margin:0 auto; text-align:center; background:#fff; margin-top:100px; margin-bottom:50px; padding:80px 20px 80px;}
#wrapper .log .area_padding01{/* padding-bottom:117px;  */}
#wrapper .log .area_padding02{padding-bottom:69px; }
#wrapper .log .log_area .log_con{margin:0 auto; text-align:center;}
#wrapper .log .log_area .log_con .log_tit {font-size:54px; font-weight:600;  color:#323232; letter-spacing:-0.08em; }
#wrapper .log .log_area .log_con .log_tit > span{font-weight:normal;  }

#wrapper .log .log_area .log_con2 {width:800px; margin:0 auto; text-align:center; }
#wrapper .log .log_area .log_con2 .log_tit2{font-size:54px; font-weight:600;  color:#323232; letter-spacing:-0.08em; }
#wrapper .log .log_area .log_con2 .log_cont_box2 {text-align:left; margin-bottom:30px; margin-top:35px;  }


/* Tab Guide */
#wrapper .log .log_area .log_con .tabTy1 {position:relative; background:url("/images/tab_bg.gif") 0 100% repeat-x; width:100%; margin-top:62px; }
#wrapper .log .log_area .log_con .tabMgin {margin-bottom:29px; }
#wrapper .log .log_area .log_con .tabTy1 li {float:left; height:56px;}
#wrapper .log .log_area .log_con .tabTy1 li a {display:block; height:54px; *height:37px; box-sizing:border-box; padding-top:16px; background:#f4f4f4; border:solid 1px #dbdbdb; letter-spacing:-0.5px;
border-bottom:0; margin-left:-1px; font-size:15px; color:#565656 !important; text-align:center; line-height:22px; text-decoration:none !important;}
#wrapper .log .log_area .log_con .tabTy1 li a.active {position:relative; z-index:2; height:56px; *height:39px; padding-top:15px; background:#fff; border:solid 1px #699ed4;
border-width:1px 1px 0 1px; color:#565656 !important; font-weight:bold;}
#wrapper .log .log_area .log_con .tabTy1 li:first-child a {margin-left:0;}
#wrapper .log .log_area .log_con .tabTy1 ul {*zoom:1;}
#wrapper .log .log_area .log_con .tabTy1 ul:after {content:""; display:block; clear:both;}
#wrapper .log .log_area .log_con .tabTy1 .colPd li a {padding-left:40px; padding-right:40px;}
#wrapper .log .log_area .log_con .tabTy1 .col2 li {width:50%;}



label{cursor:pointer;}
/*로그인 기본정렬및 메뉴탭*/
#wrapper .log .log_area .log_con .menuTab {display:inline-block; margin-top:63px;overflow:hidden;  }
#wrapper .log .log_area .log_con .menuTab ul {display:inline-block;float:left; width:480px; height:45px;  }
#wrapper .log .log_area .log_con .menuTab ul li{float:left; width:238px; color:#565656;  font-weight:bold;  }
#wrapper .log .log_area .log_con .menuTab ul .tabOn{border:1px solid #699ed4; border-bottom:none;  height:44px; line-height:44px;}
#wrapper .log .log_area .log_con .menuTab ul .tabOff{border:1px solid #dbdbdb;  background:#f4f4f4; border-bottom:1px solid #699ed4;  height:43px; line-height:43px;}

#wrapper .log .log_area .log_con .infoCo {text-align:left;padding: 18px 0 38px 0;  }
#wrapper .log .log_area .log_con .infoCo img{vertical-align:middle; }
#wrapper .log .log_area .log_con .infoCo p {display:inline-block; font-size:14px; color:#565656;vertical-align:middle;}



/*로그인및비밀번호입력창*/
#wrapper .log .log_area .log_con .log_box_Wrap{margin:0 auto ;  }
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset p {border:1px solid #c9c7ca; font-size:15px; background:#fefefe; margin-bottom:10px;  }
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset .mailBox{ margin-bottom:0;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset .selectBox{display:inline-block; background:none; border:0; text-align:left;margin-left:20px; line-height:50px;   }
#wrapper .log .log_area .log_con .log_box_Wrap .log_box .selectBox .id_find01 {-webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background:url("/images/bul_select.gif") no-repeat right 21px; width:74px; height:32px; padding-left:10px; color:#565656; border:1px solid #cecece; font-size:13px; font-family:'Dotum';font-weight:bold;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset .selectBox .id_find01{width:100%; height:50px;  color:#9c9d9d; font-weight:bold; border:1px solid #c9c7ca; font-size:17px;  padding-left:20px;  float:right; margin-right:18px;  }
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset p input{border:0; width:90%; height:48px; color:#9c9d9d;font-weight:bold; font-size:17px;  padding-left:20px; letter-spacing:-0.08em; }

/*로그인_아이디저장/로그인하기버튼 정렬*/
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer { text-align:center;}


/*로그인하기버튼*/
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .btn_wrap{display:inline-block;text-align:center; }
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .btn_login{display:inline-block; background:#699ed4; border:1px solid #568cc3;  color:#fff; width:80%; height:58px; font-size:17px;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .btn_cancle{display:inline-block; background:#9a9ea2; border:1px solid #8c9195;  color:#fff; width:218px; height:45px; font-size:17px; margin-top:40px; }
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .btn_enter{display:inline-block; background:#699ed4; border:1px solid #568cc3;  color:#fff; width:218px; height:45px; font-size:17px; margin-top:40px; }
/*로그인_체크박스_로그인기억하기*/
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .checkArea {text-align:left; margin:20px auto 0 auto; font-size:14px; color:#121212; padding-bottom:30px;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-checkbox + .css-label { padding-left:28px; height:22px; display:inline-block; line-height:22px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-checkbox:checked + .css-label { background-position: 0 -22px;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-label {background-image:url("/images/checkbox_style.png"); background-size:22px;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/*로그인_아이디비밀번호찾기_회원가입*/
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .link_group { margin-top:36px; font-size:14px;  text-align:center; }
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .link_group a {display:inline-block;  padding-right:17px;  margin-left:17px; }
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .link_group > .bar{position:relative; top:6px;left:0; display:inline-block ; width:1px; height:7px; background:#ccc; text-indent:-99999px; }



/*메뉴탭공통*/
.joinTab {width:800px; position:relative;}
.joinTab ul.tab {width:100%; overflow:hidden; margin-top:32px;}
.joinTab ul.tab li { float:left; width:25%; height:56px; line-height:56px;}
.joinTab ul.tab li a { display:block; text-align:center; background:#b7bbbe; border:solid 1px #9e9fa1; letter-spacing:-0.5px;
border-bottom:1px solid #9e9fa1; margin-left:-1px; font-size:16px;font-weight:bold; color:#fefefe; padding-left:10px;}
.joinTab ul.tab li a:hover,
.joinTab ul.tab li a.active { background:#699ed4; border-width:1px 1px 1px 1px; color:#fff !important; }
/*메뉴탭_아이콘*/
.joinTab ul.tab li.ico_join01 a {background:#b7bbbe url("/images/ico_join01_off.png") no-repeat left 30px center; }
.joinTab ul.tab li.ico_join01 a:hover,
.joinTab ul.tab li.ico_join01 a.active {background:#699ed4 url("/images/ico_join01_on.png") no-repeat left 30px center; }
.joinTab ul.tab li.ico_join02 a {background:#b7bbbe url("/images/ico_join02_off.png") no-repeat left 48px center; }
.joinTab ul.tab li.ico_join02 a:hover,
.joinTab ul.tab li.ico_join02 a.active {background:#699ed4 url("/images/ico_join02_on.png") no-repeat left 48px center; }
.joinTab ul.tab li.ico_join03 a {background:#b7bbbe url("/images/ico_join03_off.png") no-repeat left 44px center; }
.joinTab ul.tab li.ico_join03 a:hover,
.joinTab ul.tab li.ico_join03 a.active {background:#699ed4 url("/images/ico_join03_on.png") no-repeat left 44px center; }
.joinTab ul.tab li.ico_join04 a {background:#b7bbbe url("/images/ico_join04_off.png") no-repeat left 35px center; }
.joinTab ul.tab li.ico_join04 a:hover,
.joinTab ul.tab li.ico_join04 a.active {background:#699ed4 url("/images/ico_join04_on.png") no-repeat left 35px center; }



/*회원가입_교육생_강사_*/
#wrapper .log .log_area .log_con2 .choice_box { overflow:hidden; }
#wrapper .log .log_area .log_con2 .choice_box .box_position{margin-left:74px; }
#wrapper .log .log_area .log_con2 .choice_box h4{font-size:22px; color:#282828; margin-top:31px;  }
#wrapper .log .log_area .log_con2 .choice_box p{ font-size:14px ; color:#6e6e6e; margin-top:9px;  }
/*회원가입_교육생_강사박스위치 및 마우스오버*/
#wrapper .log .log_area .log_con2 .choice_box .box_click{float:left; border:1px solid #ccc; width:313px; height:272px; margin-right:-53px; margin-bottom:42px;}
#wrapper .log .log_area .log_con2 .choice_box .box_click .btn_stu{margin-top:35px; ; }
#wrapper .log .log_area .log_con2 .choice_box .box_click:hover{ border:1px solid #ccc; background:#fafafa;}
/*회원가입_가입하기버튼*/
#wrapper .log .log_area .log_con2 .choice_box .btn_join{display:inline-block; width:98px; height:32px; border:1px solid #568cc3; background:#699ed4; color:#fff; font-size:14px; }
/*회원가입_꼭확인해주세요*/
#wrapper .log .log_area .log_con2 .choice_box .checkInfo{text-align:left;clear: both;  background:#f5f5f6; border:1px solid #eaeaea; width:695px; height:94px; margin-left:52px;  }
#wrapper .log .log_area .log_con2 .choice_box .checkInfo img{ margin-top:18px; margin-left:24px;  }
#wrapper .log .log_area .log_con2 .choice_box .checkInfo span { display:inline-block;color:#828282; font-size:12px ; font-family:Dotum; vertical-align:center; margin-left:54px;  margin-top:7px; }
#wrapper .log .log_area .log_con2 .choice_box .checkInfo .last_child{display:inline-block; margin-top:4px; }
#wrapper .log .log_area .log_con2 .choice_box .checkInfo .ess_check{background:url("/images/ico_info.png") no-repeat center left; margin-top:18px; padding-left:30px; margin-left:24px;  display:inline-block;line-height:20px; color:#3d3624; font-weight:700; vertical-align:center;  }


/*이용약관*/
#wrapper .log .log_area .log_con2 .log_cont_box {text-align:left; margin-top:36px; overflow:hidden; }
#wrapper .log .log_area .log_con2 .log_cont_box div{width:798px;  height:130px;  border:1px solid #cdcbce; overflow-y:scroll; margin-top:18px; }
#wrapper .log .log_area .log_con2 .log_cont_box .left {float:right;margin-top:13px; font-size:12px; }
#wrapper .log .log_area .log_con2 .log_cont_box .left  fieldset input{float:left; width:12px; height:12px; margin-right:12px;   }
#wrapper .log .log_area .log_con2 .log_cont_box .left  fieldset label{line-height:17px; }
/*이용약관_취소확인버튼*/
#wrapper .log .log_area .log_con2 .log_Footer .btn_wrap{text-align:center; margin-top:40px;}
#wrapper .log .log_area .log_con2 .log_Footer .btn_login{display:inline-block; background:#699ed4; border:1px solid #568cc3;  color:#fff; width:478px; height:58px; font-size:17px; }
#wrapper .log .log_area .log_con2 .log_Footer .btn_cancle{display:inline-block; background:#9a9ea2; border:1px solid #8c9195;  color:#fff; width:218px; height:45px; font-size:17px; }
#wrapper .log .log_area .log_con2 .log_Footer .btn_enter{display:inline-block; background:#699ed4; border:1px solid #568cc3;  color:#fff; width:218px; height:45px; font-size:17px; }




/*기본정보입력*/
#wrapper .log .log_area .log_con2 .log_cont_box > p {color:#9c9d9d; font-size:14px;margin-bottom:10px;  float:right;margin-right:28px;  }


/*기본정보입력_내용값*/
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset{width:770px; height:399px; border-top:1px solid #69676a; border-bottom:1px solid #e1dfe2; }
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset p {border-bottom:1px solid #e1dfe2;  height:49px;background:#fefefe; vertical-align:middle; line-height:49px;  }
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset p > span{display:inline-block;font-size:14px; font-weight:bold; color:#2e3649; width:119px; margin-left:60px; }
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset p:last-child > span{width:105px; margin-left:72px; }
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset p .star{margin-right:5px; }
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset p input:not([type="radio"]){display:inline-block;width:262px; height:33px; border:1px solid #ccc; margin-bottom:10px;}
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset p  input[type="button"]{display:inline-block; width:98px;line-height:35px; height:35px; background:#69676c; border-radius:3px; color:#fff;font-size:14px;margin-left:15px;  }
/*기본정보_별표색상*/
#wrapper .log .log_area .log_con2 .log_cont_box .star {color:#ff1b00;}
/*기본정보_농가여부*/
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset input[type=checkbox].css-checkbox + label.css-label { padding-left:28px; height:22px; display:inline-block; line-height:22px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;}
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -22px;}
#wrapper .log .log_area .log_con2 .log_cont_box .formWrap fieldset label.css-label {background-image:url("/images/checkbox_style02.png"); background-size:22px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right:20px;}

/*가입완료*/
#wrapper .log .log_area .log_con2 .log_finish {margin-top:96px; }
#wrapper .log .log_area .log_con2 .log_finish p:first-child {font-size:34px; font-weight:bold; color:#282828; letter-spacing:-0.08em;}
#wrapper .log .log_area .log_con2 .log_finish p:nth-child(2) {color:#6e6e6e; font-size:17px; margin-top:14px;}
#wrapper .log .log_area .log_con2 .log_finish .btn_wrap {margin-top:53px; }
#wrapper .log .log_area .log_con2 .log_finish .btn_wrap .btn_gohome {display:inline-block; letter-spacing:-0.08em;font-weight:bold; width:216px; height:45px; border:1px solid #8c9195; background:#fff; color:#282828; font-size:17px; }
#wrapper .log .log_area .log_con2 .log_finish .btn_wrap .btn_login{display:inline-block;letter-spacing:-0.08em;font-weight:bold;  background:#699ed4; width:216px; height:45px; border:1px solid #568cc3;color:#fff; font-size:17px;}



/* 공지사항 */
/* 서브 */


table.table_date {clear:both; border-collapse:collapse; border-color:#4499be; border-style:solid; border-width:2px 0 0; width:100%;}
table.table_date thead th {background:#f2f8fa; color:#333; font-weight:bold; text-align:center; vertical-align:middle; padding:24px 0 22px 0;}
table.table_date tbody th {background:#f2f8fa; color:#333; font-weight:bold; text-align:center; vertical-align:middle; padding:24px 0 22px 0; border-bottom:1px solid #d6dadd;}
table.table_date tbody td {text-align:center;}
table.table_date tbody td img{vertical-align:middle;}
table.table_date tbody td input[type=checkbox] {vertical-align:middle; display:none;}
table.table_date tbody td input[type=text] {vertical-align:middle; width:360px; height:32px; padding-left:10px; color:#565656; border:1px solid #cecece; font-size:13px; font-family:'Dotum';font-weight:bold;}
table.table_date td {border-bottom:1px solid #d6dadd; padding:22px 20px 20px 20px;}
table.table_date td.le {text-align:left; padding:0; padding-left:30px; }
table.table_date td.le2 {text-align:left; padding:22px 0 21px 30px ; }
table.table_date td.ri {text-align:right; padding-right:10px;}
table.table_date td.bg {background:#fafafa;}

/* 체크박스 */
.chk_type .clicked_deal {background:#699ed4 url("/images/ico_chk.png") center no-repeat; display:inline-block; overflow:hidden; position:absolute; left:0; top:0;z-index:2; width:22px; height:22px;}
.chk_type {top:10px;}
.chk_type {position:absolute; left:20px; top:0;}
.chk_type {display:block; position:relative; width:22px; height: 22px; border: 1px solid #699ed4; cursor: pointer;}
.blind {visibility:hidden; overflow:hidden; position:absolute; width:0; height:0;font:0/0 a;}


/* 검색박스 */
.search_box {width:100%; display:block; vertical-align:top;}
.search_box select.tit_01 {width:30%; border:1px solid #c9c7ca; height:45px; margin-right:2px; padding-left:10px; color:#525252; -webkit-appearance:none; -moz-appearance: none; appearance: none; background:#fff url("/images/bul_select.gif") no-repeat 95% center; font-family:'NanumGothic','나눔고딕',sans-serif;}
.search_box select.tit_02 {width:30%; border:1px solid #c9c7ca; height:45px; margin-right:2px; padding-left:10px; color:#525252; -webkit-appearance:none; -moz-appearance: none; appearance: none; background:#fff url("/images/bul_select.gif") no-repeat 95% center; font-family:'NanumGothic','나눔고딕',sans-serif;}
.search_box input.tit_srch_input{width:44%; height:40px; padding-left:20px; border:1px solid #c9c7ca;color:#333; font-family:'NanumGothic','나눔고딕',sans-serif;}
.search_box .ico_board_search {margin-top:-2px;width:44px; height:44px; border:1px solid #c9c7ca; background:#d2d7db url("/images/ico_board_search.gif") no-repeat 11px center;vertical-align:middle;}
.boa_btn_box {display:inline-block; width:100%; text-align:center;}


.date_graph {width:100%; overflow:hidden;}
.date_graph ul {display:inline-block;vertical-align:middle; float:left;}
.date_graph ul li {float:left;}
.date_graph ul li label {float:left;}
.date_graph ul li span.txt {padding-left:10px; margin-right:30px; line-height:24px;/*161122*/}
.date_graph .explain {float:right; margin-top:10px}
.date_graph .explain dl {margin-left:20px;float:left;}
.date_graph .explain dl dt {float:left; font-size:0; width:50px; height:5px;vertical-align:middle; margin-top:6px}
.date_graph .explain dl dt.dg_col_1 {background:#4499be;}
.date_graph .explain dl dt.dg_col_2 {background:#ec2100;}
.date_graph .explain dl dd {padding-left:15px;display:inline-block; font-size:13px;}
.date_graph input[type=checkbox] {vertical-align:middle; display:none;}
.date_graph_area {border:1px solid #d6dadd; height:250px; text-align:center; padding-top:50px; background:#fff;}

/* 공지사항 */
table.table_notice {clear:both; border-collapse:collapse; border-color:#4499be; border-style:solid; border-width:2px 0 0; width:100%; font-size:12px;}
table.table_notice thead th {background:#f2f8fa; color:#333; font-weight:bold; text-align:center; vertical-align:middle; padding:20px 0 18px 0;}
table.table_notice tbody th {background:#f2f8fa; color:#333; font-weight:bold; text-align:center; vertical-align:middle; padding:20px 0 18px 0; border-bottom:1px solid #d6dadd;}
table.table_notice tbody td {text-align:center;}
table.table_notice tbody td img{vertical-align:middle;}
table.table_notice tbody td a:hover{color:#568cc3;}
/* table.table_notice tbody td input[type=checkbox] {vertical-align:middle; display:none;} */
table.table_notice tbody td input[type=text] {vertical-align:middle; width:360px; height:32px; padding-left:10px; color:#565656; border:1px solid #cecece; font-size:13px; font-family:'Dotum';font-weight:bold;}
table.table_notice td {border-bottom:1px solid #d6dadd; border-left:1px solid #d6dadd; padding:10px;vertical-align:middle;}
table.table_notice td.le {text-align:left; padding:10px;}
table.table_notice td.ri {text-align:right; padding-right:10px;}
table.table_notice td.bg {background:#fafafa;}
table.table_notice td.first {border-left:0;}

/*검색박스_조회,등록버튼*/
.btn_regi01 {border:1px solid #404040; width:98px; height:35px; line-height:35px; font-weight:700; color:#fff; background:#69676c;margin-left:-10px; vertical-align:middle;}
.btn_regi02:hover {background:#568cc3; text-decoration:none;}
.btn_regi_list {border:1px solid #404040; width:110px; height:40px;font-weight:700; color:#fff; background:#69676c;}
.btn_regi_del {width:110px; height:40px; background:#d83934;font-weight:700; color:#fff;}
.btn_regi_modi {background:#699ed4; border:1px solid #568cc3; width:110px; height:40px; font-weight:700; color:#fff;}
.btn_regi_cancel {background:#8a8a8a;; border:1px solid #858484; width:110px; height:40px; font-weight:700; color:#fff;}


/* 게시판_페이지버튼 */
.page {text-align:center; clear:both; padding-top:20px;}
.page a {display:inline-block; border:1px solid #dedede; background-color:#fff; padding:8px 0 0 0; width:30px; height:24px; margin:0 1px; line-height:100%; vertical-align:middle;text-align:center}
.page a.page_on {display: inline-block; background:#699ed4; color:#fff; width:30px; border:1px solid #0277bb;}
.page a.prev {background:url(/images/icon_prev.png) 50% 50% no-repeat; background-size:24%;width:30px; height:24px;}
 a.next {background:url(/images/icon_next.png) 50% 50% no-repeat;background-size:24%;width:30px; height:24px;}
/*
게시판_view
table.table_view {clear:both; border-collapse:collapse; border-color:#4499be; border-style:solid; border-width:2px 0 0; font-size:13px; border:1px solid red}
table.table_view thead th {background:#f2f8fa; color:#333; text-align:center; vertical-align:middle;}
table.table_view tbody th {background:#f2f8fa; color:#333; text-align:center; vertical-align:middle;border-bottom:1px solid #d6dadd;}
table.table_view tbody td {text-align:left; padding:5px}
table.table_view tbody td.content {height:200px; line-height:28px;}
table.table_view tbody td img{vertical-align:middle;}
table.table_view tbody td input[type=checkbox] {vertical-align:middle; display:none;}
table.table_view tbody td input[type=text] {vertical-align:middle; width:30%; height:32px; padding-left:10px; color:#565656; border:1px solid #cecece; font-size:13px; font-family:'Dotum';font-weight:bold;}
table.table_view td {border-bottom:1px solid #d6dadd;}
table.table_view td.le {text-align:left; padding:0; padding-left:10px;}
table.table_view td.ri {text-align:right; padding-right:10px;}
table.table_view td.ct {text-align:center;}
table.table_view td.bg {background:#fafafa;}
.ico_lock {background:url("/images/ico_lock.png") no-repeat center center; background-size:65%; display:inline-block; width:18px; height:18px; vertical-align:top;}
.reply {height:50px; text-align:left; padding:20px; color:#333;}
.btn_reply { float:right; color:#fff; padding:36px 0; text-align:center; background:#699ed4; border:1px solid #568cc3;}
.btn_reply:hover {background:#568cc3;}


input[type=text] {-webkit-appearance:none; -moz-appearance: none; appearance: none; border-radius:0;}
select {-webkit-appearance:none; -moz-appearance: none; appearance: none; border-radius:0;}

버튼
.btn_regi_wrap{float:right;}
.btn_regi_wrap .btn_regi02 {float:left; background:#699ed4; border:1px solid #568cc3; width:98px; height:35px; line-height:35px; font-weight:700; color:#fff;}
.btn_regi_wrap .btn_regi_del2{float:left; background:#d83934; width:98px; height:35px; line-height:35px; font-weight:700; color:#fff; margin-right:10px; }

 */

 /* 게시판_view */
table.table_view {clear:both; border-collapse:collapse; border-color:#4499be; border-style:solid; border-width:2px 0 0; width:100%; font-size:13px;}
table.table_view thead th {background:#f2f8fa; color:#333; font-weight:bold; text-align:center; vertical-align:middle; padding:22px 0 20px 0;}
table.table_view tbody th {background:#f2f8fa; color:#333; font-weight:bold; text-align:center; vertical-align:middle; padding:22px 0 20px 0; border-bottom:1px solid #d6dadd;}
table.table_view tbody td {text-align:left;}
table.table_view tbody td.content {height:200px; line-height:28px;}
table.table_view tbody td img{vertical-align:middle;}
table.table_view tbody td input[type=checkbox] {vertical-align:middle; display:none;}
table.table_view tbody td input[type=text] {vertical-align:middle; width:360px; height:32px; padding-left:10px; color:#565656; border:1px solid #cecece; font-size:13px; font-family:'Dotum';font-weight:bold;}
table.table_view td {border-bottom:1px solid #d6dadd; padding:20px 20px 18px 20px;}
table.table_view td.le {text-align:left; padding:0; padding-left:30px;}
table.table_view td.ri {text-align:right; padding-right:10px;}
table.table_view td.ct {text-align:center;}
table.table_view td.bg {background:#fafafa;}
table.table_view th.first {border-left:0;}
.ico_lock {background:url("/images/ico_lock.png") no-repeat center center; background-size:65%; display:inline-block; width:18px; height:18px; vertical-align:top;}
.reply {height:50px;width:80%; text-align:left; padding:20px; color:#333;}
.btn_reply {width:110px; float:right; color:#fff; padding:36px 0; text-align:center; background:#699ed4; border:1px solid #568cc3;}
.btn_reply:hover {background:#568cc3;}
/*
.btn_regi02{display:none;}
.btn_regi_del{display:none;}
.btn_regi_modi{display:none;}
*/

/* usermain */
/* 202107 */
.content div.linebox_2 {box-sizing:border-box; padding:30px; background:#fff; border:1px solid #e9e9e9; position:relative;}
.content .user_cont04 {min-width:320px;}
.content .user_cont05 {min-width:320px; margin-top:-1px;}

.content div.linebox_2 p.tit {color:#252525;font-size:16px; font-weight:600; letter-spacing:-0.5px; margin-bottom:20px;}
.content div.linebox_2 button {position:absolute; top:30px; right:30px;}

table.main_table {clear:both; border-collapse:collapse; width:100%;}
table.main_table thead th {font-size:14px; font-weight:600; padding:10px 0 10px 0; background:#fbfbfb; border-bottom:1px solid #e2e2e2; color:#333;}
table.main_table tbody td {font-size:14px; line-height:20px; text-align:center; padding:2px 0 2px 0;}
table.main_table tbody td.list {font-size:14px; line-height:20px; text-align:left;background:url('../../img/bul_notice.gif') no-repeat left center; padding-left:10px;}
table.main_table tbody td.list:hover {color:#000; text-decoration:underline;}

.user_box_wrap {float:left; width:334px; height:236px;}
.user_box_wrap dl dt {font-size:16px; font-weight:600; color:#333; margin:12px 0 5px 0;}
.user_box_wrap dl dd {font-size:13px; color:#989898;}
.user_box_wrap dl p {padding-top:35px;}

.user_box01 .user_box_wrap{position:relative; width:100%; height:236px; box-sizing:border-box; background:#fff; border:1px solid #e9e9e9; float:left; text-align:center; margin-top:-1px;}
.user_box02 .user_box_wrap{position:relative; width:100%; height:236px; box-sizing:border-box; background:#fff; border:1px solid #e9e9e9; float:left; text-align:center; margin-top:-1px; margin-left:-1px;}
.user_box03 .user_box_wrap{position:relative; width:100%; height:236px; box-sizing:border-box; background:#fff; border:1px solid #e9e9e9; float:left; text-align:center; margcontents1in-top:-1px; margin-left:-1px;margin-bottom:-1px;}

.user_box01 .user_box_wrap:hover{box-sizing:border-box; background:url("../../img/user_conbg1.gif") no-repeat; background-size:100% 100%;}
.user_box02 .user_box_wrap:hover{box-sizing:border-box; background:url("../../img/user_conbg2.gif") no-repeat; background-size:100% 100%;}
.user_box03 .user_box_wrap:hover{box-sizing:border-box; background:url("../../img/user_conbg3.gif") no-repeat; background-size:100% 100%;}

.main_container#container .mvisual div{display: none;}
.flex_container.main_card{position: relative; margin: auto; box-sizing: border-box; left: auto; bottom: auto; width: auto; top:auto}
.card_container{height: auto; background: none;}
.flex_container{display: block;}
#container.main.main_container .user_cont_box{top:auto}
#wrapper{min-width: initial !important;}
#container.main.main_container .mvisual{height:58vw; background-position: top center;}
.card_container .user_cont_box:before{display: none;}
.user_box_wrap{height: auto !important; float: none !important;}
.card_container .user_cont_box:nth-of-type(1){background:#DD4545;}
.card_container .user_cont_box:nth-of-type(2){background:#F9A825;}
.card_container .user_cont_box:nth-of-type(3){background:#FFCA28;}
.card_container .user_cont_box:nth-of-type(4){background:#7CB342;}
.card_container .user_cont_box:nth-of-type(5){background:#00897B;}

.card_container .user_cont_box:after{display: none;}
.flex_container.main_card .user_box_wrap dl{display: flex; align-items:center; justify-content:center;}
.card_container .user_box_wrap dl p{position: absolute; left: 0; height: 80%; width: 20%; padding-top: 0; background-size:contain !important;}
.card_container .user_box_wrap dl dt{height: 70px; margin: 0; display: flex; align-items:center; justify-content:center;}
.address_bx{display: none;}
#foot{height: auto !important;}
.header_container #head_area,.menu_container{display: block; position: static; transform: none;}
.header_container #head_area{height: auto !important;}
.menu_container>a{border-top:1px solid #fff; padding: 10px 0; margin:0 !important;}
#container.sub{overflow: scroll;}
.step_tit_txt p.stit{font-size: 32px;}
#container.sub{border-top: 0 !important;}
.footer_container .footer_info{justify-content:center;}

#wrapper .log {background:url('/images/login/login_bg_02.jpg') no-repeat; height:100%; background-position:50% 50%; background-attachment:fixed; background-size:cover; overflow:hidden;}
#wrapper .log .log_area{opacity: 0.9; min-height: 640px; margin: 0 auto; text-align: center; background: #fff; margin-top: 100px; margin-bottom: 50px; height: 100vh; width: auto; margin: auto; background: transparent; text-align: center; padding: 0;}
#wrapper .log .log_area *{box-sizing:border-box;}
#wrapper .log .log_area .log_con{width: 400px; text-align: left; position: absolute; right:10%; top:47%}
#wrapper .log .log_area .log_con .tabMgin{display: none;}
#wrapper .log .log_area .log_con .log_tit{margin-bottom: 20px; font-size: 30px;}
#wrapper .log .log_area .log_con .log_box_Wrap{width: auto; margin: auto;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer{text-align: left;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .link_group{text-align: center;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-label {background: none; background-size:22px;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-checkbox + .css-label{padding-left: 0;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-checkbox:checked + .css-label:before{color:#ffffff59; border:1px solid #ffffff59}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-label:before{content:'\2713'; width: 20px; height: 20px; display: inline-flex; align-items:center; justify-content:center; color:#fff; border-radius:50%; border:1px solid #fff; margin-right: 5px;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset p{background: transparent; border-radius:5px; width: 100%; border:1px solid #fff;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset p input{width: 100%; background: transparent; color:#fff;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_box fieldset p input::placeholder{color:#cecece}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-checkbox + .css-label,
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .link_group a,
#wrapper .log .log_area .log_con .log_tit,
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .css-label:before{color:#fff}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .btn_login{width: 100%; border-radius:5px;}
#wrapper .log .log_area .log_con .log_box_Wrap .log_Footer .btn_login:hover{background: #4d84bb;}
#wrapper .log .log_area .log_con{width: 400px; text-align: left; position: relative; top: 25vh; max-width: 320px; right:auto !important}
.sub .sub_area{min-height:initial}
.multi_tit_01{flex-direction: column;}
.multi_tit_01>div{display:flex; align-items:center; justify-content:center;}
.multi_tit_01 select{width:70px !important; margin-right: 5px !important;}
.multi_tit_01 .picker{width: 100px;}
.sub .sub_area.wide_width{padding: 20px !important;}