﻿@charset "utf-8";
@import url(font.css);

/* ==================== GOLBAL ==================== */
*{margin:0;padding:0;font-family:'Nanum Barun Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
body{background-color:#f4f7fa;color:#666;font-size:12px;font-family:'Nanum Barun Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
body, table, div, p {font-family:'Nanum Barun Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
td *, div *, li *, span *, p *  {vertical-align: middle;}
ul, ol, li{list-style:none; }
img, hr{border:none;}
img{vertical-align:middle; border:0px ;}

/* Link Style */
a:link		{text-decoration:none;color:#0d7eff;}
a:visited	{text-decoration:none;color:#0d7eff;}
a:active	{text-decoration:none;color:#0d7eff;}
a:hover		{text-decoration:underline;cursor:pointer;color:#0d7eff;}

a.asty01:link      {text-decoration:none;color:#000;}
a.asty01:visited   {text-decoration:none;color:#000;}
a.asty01:active    {text-decoration:none;color:#000;}
a.asty01:hover     {text-decoration:underline;cursor:pointer;color:#0d7eff;}

a.asty02:link      {text-decoration:none;color:#0d7eff;}
a.asty02:visited   {text-decoration:none;color:#0d7eff;}
a.asty02:active    {text-decoration:none;color:#0d7eff;}
a.asty02:hover     {text-decoration:underline;cursor:pointer;color:#0d7eff;}

/* Table Style */
table{border-collapse:collapse;  border-spacing:0; table-layout:fixed;}
table td img{vertical-align:middle;}

/* From Style */
textarea{padding:5px; border: solid 1px #bdbdbd; background-color:#fff;box-sizing: border-box;overflow:auto;}
input{vertical-align:middle;width: 16px;height: 16px}
input[type="text"] {width:166px;height: 28px; vertical-align: baseline !important;border:1px solid #bbb;box-sizing: border-box;padding:0 5px;}
input[type="password"] {width:166px;vertical-align:middle;height: 28px; line-height:28px; border: solid 1px #bdbdbd; background-color:#fff;padding:0 3px;color:#666;box-sizing:border-box;}
input.chk{}
input.radio{}
select			{width:166px;height: 28px; line-height: 28px; border: solid 1px #bbb; background-color: #fff; vertical-align: middle; padding-left: 3px;font-size:13px;}
caption		    {display:none;}
legend			{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite,em	{font-style:normal;}
fieldset		{border:0; padding:0;}
label			{cursor:pointer;}
img, fieldset, button{border:none;}
caption{visibility:hidden;line-height:0;}
li, dl, dt, dd{list-style:none;}
legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;} /* For Screen Reader */ 
sup {position:relative;top:-4px;}

.clearfix:before,
.clearfix:after
{
  content: " ";
  display: table;
  clear: both;
}


/* 수정 201130 */
.pop_tit {float: left;color:#000;font-size: 17px;letter-spacing: -1px; font-weight: bold;font-family:'Nanum Square' !important;width: 100%;margin-top: -28px;}

/* 수정 201130 */
.login_2 {margin:auto;margin-top:150px;width:750px;height: 446px; background:url(/resources/images/siesImages/bgl_1.png) no-repeat 0 0;position: relative;
-webkit-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
}
.login_2 div {
    position: absolute;
    display: inline-block;
    top: 66px;
    right: 20px;
    height: 314px;
    width: 195px;
    }
    
 .login_3 {margin:auto;margin-top:150px;width:750px;height: 446px; background:url(/resources/images/siesImages/bgi_1.png) no-repeat 0 0;position: relative;
-webkit-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
}
.login_3 div {
    position: absolute;
    display: inline-block;
    top: 66px;
    right: 20px;
    height: 314px;
    width: 195px;
    }  
 
.login_4 {margin:auto;margin-top:150px;width:750px;height: 446px; background:url(/resources/images/siesImages/bgi2_1.jpg) no-repeat 0 0;position: relative;
-webkit-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
}
.login_4 div {
    position: absolute;
    display: inline-block;
    top: 66px;
    right: 20px;
    height: 314px;
    width: 195px;
    }  
   
 
.lo_input03 {
    height: 38px !important;
    width: 100% !important;
    border: 1px solid #dedede !important;
    font-size: 16px;
    border-radius: 2px;
    margin-bottom: 5px;
    }
.lo_input04 {
    height: 38px !important;
    width: 141px !important;
    border: 1px solid #dedede !important;
    font-size: 16px;
    border-radius: 2px;
    margin-bottom: 5px;
    }    
button.lo_btn04{background:#fff;position:absolute;top: 295px;right: 28px;width: 227px;height:38px;border: 1px solid #dedede;text-align: center;font-size: 13px;font-weight: bold;color: #0d7eff;cursor: pointer;outline: none;border-radius: 2px;}
button.lo_btn04:hover {background:#187beb;color: rgba(255,255,255,0.6);}
button.lo_btn05{background:#1f88ff;width: 100%;height:38px;text-align: center;font-size: 13px;font-weight: bold;color: #fff;cursor: pointer;outline: none;border-radius: 2px;}
button.lo_btn05:hover {background:#187beb;color: rgba(255,255,255,0.6);}
.footer_login {width:100%;font-size: 11px;text-align: center;padding: 20px;color:rgba(0,0,0,0.7);letter-spacing: 0px;box-sizing: border-box;font-weight: bold}

.add_p_1 {white-space: pre-line;line-height: 1.7}
.add_p_1 span {display: inline-block;width:40%; float: right;font-size: 15px; line-height: 1.7}
.add_p_2 {background: url(../img/pop_bg.png) no-repeat center center; background-size: 380px;}
.add_p_3 {width: 100%;display: inline-block; color: #000;background: #eee;text-align:center; box-sizing: border-box;height: auto !important;
          font-size: 15px;padding: 20px 15px !important;letter-spacing: -1px !important;}
.add_p_4 {display: block; margin: 0 auto 20px auto;}
.add_p_btn {height: 38px;width: 50px;background: #eee;border:1px solid #ccc;border-radius: 2px;vertical-align: top;margin-left: 3px;color: #222;}

/* 기타 */
.pr0 {padding-right:0px !important;}
.pr25 {padding-right: 25px !important}
.pr400 {padding-right:500px !important;}
.pt0 {padding-top:0px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr30 {margin-right: 30px !important;}
.mr0 {margin-right: 0px !important;}
.mt0 {margin-top: 0px !important;}
.mt20 {margin-top: 20px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt_10{margin-top:-10px !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.fr {float: right !important;}
.fl {float: left !important;}
.bb0 {border-bottom: none !important;}
.br0 {border-right: none !important;}
.bt0 {border-top: none !important;}
.vab {vertical-align:bottom !important;}
.vat {vertical-align: text-top !important;}
.wi100 {width: 100% !important;display:inline-block;}
.wiau {width: auto !important;}
.dpn {display: none !important;}
.dib {display: inline-block !important; }
.col_6 {color:#666 !important;}
.col_9 {color:#999 !important;}
.col_r {color:#ff0000 !important;}
.col_b {color:#000 !important;}
.col_blue {color:#0d7eff !important;}
.col_cho {color:chocolate !important;;}

hr {margin:20px 0;border-top: 1px solid #ccc;border-bottom: none;}
h1 {font-family:'Nanum Square' !important;font-size:31px;color:#0078ff;letter-spacing: -2px;width: 100%; text-align: center; font-weight: normal;border-bottom: 1px solid #ddd; padding-bottom:25px;}
h1 b {font-family:'Nanum Square' !important;font-size:33px;color:#00438e;}
h3 {font-family:'Nanum Square' !important; font-size:25px;color:#000;letter-spacing: -1px; margin-bottom:30px;font-weight: normal;}
h4 {font-family:'Nanum Square' !important; font-size:17px;color:#000;letter-spacing: -1px; margin:20px 0 10px 0;font-weight: bold;}
h5 {font-size: 15px; font-weight: bold;letter-spacing: -1px; margin:0px 0 8px 0; color:#000; padding-top: 4px; margin-top: 5px}

/* ==================== Table ==================== */
.table_st0 {width: 100%; letter-spacing:-1px; font-size: 13px}
.table_st0 th {background-color: #f6f6f6;color: #000;white-space:nowrap;height: 35px;box-sizing: border-box;text-align:center;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;vertical-align: middle;}
.table_st0 td {border-bottom: solid 1px #dddddd;border-right: solid 1px #dddddd;text-align:left;box-sizing: border-box; padding:3px 4px;word-break:break-all;vertical-align:middle;}

.table_st1 {width: 100%; border-top:2px solid #000;letter-spacing:-1px; font-size: 13px}
.table_st1 th {background-color: #f6f6f6;color: #000;white-space:nowrap;height: 35px;box-sizing: border-box;text-align:center;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;vertical-align: middle;}
.table_st1 td {border-bottom: solid 1px #dddddd;border-right: solid 1px #dddddd;text-align:left;box-sizing: border-box; padding:3px 4px;word-break:break-all;vertical-align:middle;}

.table_st2 {width: 100%; border-top:2px solid #000;border-left: 1px solid #dddddd;letter-spacing:-1px; font-size: 13px; color:#333;}
.table_st2 th {background-color: #f6f6f6;color: #000;white-space:nowrap;height: 35px;box-sizing: border-box;text-align:center;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;vertical-align:middle;}
.table_st2 td {border-bottom: solid 1px #dddddd;border-right: solid 1px #dddddd;text-align:center;box-sizing: border-box; padding:0 4px;height: 35px;vertical-align:middle !important;background:#fff;}

.table_st3 {width: 100%; border:0;letter-spacing:-1px; font-size: 15px}
.table_st3 th {border:0;color: #000;white-space:nowrap;height: 35px;box-sizing: border-box;text-align:right;padding-right: 10px}
.table_st3 td {border:0;text-align:left;box-sizing: border-box; padding:3px 4px;word-break:break-all;vertical-align:middle;}

/* ==================== 버튼 ==================== */
button.btn01 {height:24px;background:url(/resources/images/siesImages/ic_2.png) no-repeat 0 0;border:none;padding: 0px 0 0 30px; font-size: 13px; color:#000;font-weight: bold; outline: none;}
button.btn01:hover {color:#0d7eff;}
button.btn02 {height:24px;background:url(/resources/images/siesImages/ic_3.png) no-repeat 0 0;border:none;padding: 0px 0 0 30px; font-size: 13px; color:#000;font-weight: bold; outline: none;margin-right:15px;}
button.btn02:hover {color:#0d7eff;}
button.btn03 {height:24px;background:url(/resources/images/siesImages/ic_4.png) no-repeat 0 0;border:none;padding: 0px 0 0 30px; font-size: 13px; color:#000;font-weight: bold; outline: none;}
button.btn03:hover {color:#0d7eff;}
button.btn04 {background:#ebeced; border:1px solid #cecfd0;min-width:65px;height: 28px;cursor: pointer; padding:0 17px; border-radius: 2px; color:#222; font-weight: bold; font-size: 13px; letter-spacing: -1px;}
button.btn04:hover {background:#cecfd0;color: rgba(0,0,0,0.5);}
button.btn041 {border:1px solid #187beb;background:#1f88ff;min-width:65px;height: 28px;cursor: pointer; padding:0 17px; border-radius: 2px; color:#fff; font-size: 14px;margin-left: 5px;}
button.btn041:hover {background:#187beb;color: rgba(255,255,255,0.7);}
button.btn042 {background:#ebeced; border:1px solid #cecfd0;height: 28px;cursor: pointer; padding:0 5px; border-radius: 2px; color:#222; font-weight: bold; font-size: 13px; letter-spacing: -1px;}
button.btn042:hover {background:#cecfd0;color: rgba(0,0,0,0.5);}
button.btn05 {min-width:118px;padding:0 25px; height: 40px; border-radius: 2px; border:1px solid #187beb;background:#1f88ff;color: #fff;font-weight: bold;font-size: 15px;cursor: pointer;margin-left: 5px;}
button.btn05:hover {background:#187beb;color: rgba(255,255,255,0.7);}
button.btn06 {min-width:118px;padding:0 25px; height: 40px; border-radius: 2px; border:1px solid #cecfd0;background:#ebeced;color: #222;font-weight: bold;font-size: 15px;cursor: pointer;}
button.btn06:hover {background:#d9d9d9;color: rgba(0,0,0,0.7);}
button.btn07 {width: 24px;height:24px;background:url(/resources/images/siesImages/ic_2.png) no-repeat 0 0;padding: 0px;text-indent: -9999em; cursor: pointer;}
button.btn08 {min-width:90px;padding: 0 15px;height: 35px;border-radius: 2px;border:1px solid #cecfd0;background:#ebeced;color: #222;font-weight: bold;font-size: 13px;cursor: pointer;height: 40px;vertical-align: bottom;margin-left: 10px;}
button.btn08:hover {background:#d9d9d9;color: rgba(0,0,0,0.7);}
button.btn09 {width: 38px;height:38px;background:url(/resources/images/siesImages/ic_7_des.png) no-repeat 0 0;border:none; text-indent: -9999em;margin-left: 15px;cursor: pointer;}
button.btn09:hover {color:#0d7eff;}
button.btn09Active{width: 38px;height:38px;background:url(/resources/images/siesImages/ic_7.png) no-repeat 0 0;border:none; text-indent: -9999em;margin-left: 15px;cursor: pointer;}
button.btn09Active:hover {color:#0d7eff;}
button.btn10 {width:235px;margin-top:8px;float: right;padding:0 25px; height: 40px; border-radius: 2px; border:1px solid #187beb;background:#1f88ff;color: #fff;font-weight: bold;font-size: 15px;cursor: pointer;}
button.btn10:hover {background:#187beb;color: rgba(255,255,255,0.7);}

button.tel_1 {width: 25%; height: 95px; display: inline-block;border:1px solid #ddd;background: #fff;background:url(/resources/images/siesImages/t_1.png) no-repeat center 10px; background-size: 32px;box-sizing: border-box;padding-top: 55px; font-weight: bold;float: left;}
button.tel_2 {width: 25%; height: 95px; display: inline-block;border:1px solid #ddd;background: #fff;background:url(/resources/images/siesImages/t_2.png) no-repeat center 10px; background-size: 32px;box-sizing: border-box;padding-top: 55px; font-weight: bold;float: left;border-left:0px !important;}
button.tel_3 {width: 25%; height: 95px; display: inline-block;border:1px solid #ddd;background: #fff;background:url(/resources/images/siesImages/t_3.png) no-repeat center 10px; background-size: 32px;box-sizing: border-box;padding-top: 55px; font-weight: bold;float: left;border-left:0px !important;}
button.tel_4 {width: 25%; height: 95px; display: inline-block;border:1px solid #ddd;background: #fff;background:url(/resources/images/siesImages/t_4.png) no-repeat center 10px; background-size: 32px;box-sizing: border-box;padding-top: 55px; font-weight: bold;float: left;border-left:0px !important;}
button.tel_5 {width: 100%;height: 50px;display: inline-block;border:1px solid #ddd;background: #fff;background: url(/resources/images/siesImages/t_5.png) no-repeat 25px 3px;box-sizing: border-box;padding-left: 80px;font-weight: bold;border-top:0px !important;text-align: left;}
button.tel_5 span {color:#999;}
button.tel_1:hover, button.tel_2:hover, button.tel_3:hover, button.tel_4:hover, button.tel_5:hover{color:#0d7eff;background-color: #f7f9fa}

/* ==================== Layout ==================== */
#container {width:1024px; margin:0 auto;position:relative;}
.content {width:100%;min-height:550px;display:inline-block;padding:30px;box-sizing: border-box; background: #fff; border-left:1px solid #ddd; border-right:1px solid #ddd ; border-bottom:1px solid #ddd;}
.content_mem {width:600px;min-height:550px;display:block;padding:30px 0;box-sizing: border-box; background: #fff; border:1px solid #ddd;margin:20px auto;}
footer {font-size:11px; color:#222;width: 100%; text-align: center; margin-top: 20px}
footer span.ft1 {color:#0d7eff !important;font-weight: bold}
footer span.ft2 {color:#999;margin-top: 8px; display: inline-block;}

/* ==================== 상단메뉴 ==================== */
#headerwrap {background:#ffd862; width: 100%; text-align: center;}
#headerwrap div.gb_gnb {border-bottom: 1px solid rgba(255,255,255,0.7);}
nav.gb_gnb_1 {width: 1024px;margin:auto; height:35px;box-sizing: border-box;padding-top: 5px; color:#000;font-weight: bold}
nav.gb_gnb_1 span {color:#846404;margin-right: 10px}
nav.gnb {box-sizing: border-box;display: inline-block;height: 75px; width: 1024px; margin: auto;text-align: left}
nav.gnb img {float: left; margin-top: 15px; margin-right: 30px}

/* DROP MENU*/
#primary_nav_wrap{ list-style:none; position:relative; float: left;  margin-top:17px; padding:0;}
#primary_nav_wrap a{display:block;text-decoration:none;font-size: 17px; font-family:'Nanum Square' !important; color:#000;padding: 10px 17px;font-weight: bold;}
#primary_nav_wrap a:hover { color:#0d7eff !important;font-weight: bold !important}
#primary_nav_wrap li { position:relative; float:left; margin:0; padding:0;}
#primary_nav_wrap li:hover {background: transparent;}
#primary_nav_wrap ul{ display:none;position:absolute; top:100%;left:-15%; background:rgba(255,255,255,0.8);z-index: 9000; white-space: nowrap;border:1px solid #fff;
    -webkit-box-shadow: 0px 2px 19px 2px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 19px 2px rgba(0,0,0,0.3);box-shadow: 0px 2px 19px 2px rgba(0,0,0,0.3); border-radius: 5px;}
#primary_nav_wrap ul li { float:none; padding:0 !important; margin:0 !important; border-bottom: 1px solid rgba(0,0,0,0.1);}
#primary_nav_wrap ul a { padding:10px 25px !important; font-size: 15px; font-family:'Nanum Barun Gothic' !important;}
#primary_nav_wrap li:hover > ul { display:block;}

/* TAB */
.top_tab {width: 100%; height: 36px; background:#1f88ff;}
.top_tab_1 {height: 36px; margin:0 auto;font-size: 15px;overflow: hidden;width: 1024px}
.top_tab_1 a {float: left}
.top_tab_1 .t_sel {position:relative; display:inline-block;height: 36px; border-right:1px solid rgba(255,255,255,0.2);box-sizing: border-box;
  color:#0d7eff !important;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:10px 60px 0 20px; background: #fff; font-weight: bold}
.top_tab_1 .t_nor {position:relative; display:inline-block;height: 36px; border-right:1px solid rgba(255,255,255,0.2);box-sizing: border-box;
  color:#fff !important;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:10px 60px 0 20px}
.top_tab_1 .t_nor img {position: absolute; top:5px;right:8px;}
button.t_close_sel {background:url(/resources/images/siesImages/k_btn_close_sel.png) 0 0; position: absolute; top:5px;right:10px; outline: none;width: 25px;height: 25px;border:0;text-indent: -9999em; cursor: pointer;}
button.t_close_sel:hover {background:url(/resources/images/siesImages/k_btn_close_sel_over.png) 0 0;}
button.t_close_nor {background:url(/resources/images/siesImages/k_btn_close_nor.png) 0 0; position: absolute; top:5px;right:10px; outline: none;width: 25px;height: 25px;border:0;text-indent: -9999em; cursor: pointer;}
button.t_close_nor:hover {background:url(/resources/images/siesImages/k_btn_close_nor_over.png) 0 0;}
button.t_reload_sel {background:url(/resources/images/siesImages/k_btn_reload_sel.png) 0 0; position: absolute; top:5px;right:30px; outline: none;width: 25px;height: 25px;border:0;text-indent: -9999em; cursor: pointer;}
button.t_reload_sel:hover {background:url(/resources/images/siesImages/k_btn_reload_sel.png) 0 0;}
button.t_reload_nor {background:url(/resources/images/siesImages/k_btn_reload_nor.png) 0 0; position: absolute; top:5px;right:30px; outline: none;width: 25px;height: 25px;border:0;text-indent: -9999em; cursor: pointer;}
button.t_reload_nor:hover {background:url(/resources/images/siesImages/k_btn_reload_nor_over.png) 0 0;}
.leftline { border-left: 1px solid rgba(255,255,255,0.2);}

/* BOX */
.boxa {position:relative;width: 280px; display: inline-block; border-radius: 5px;background: #fff;box-sizing: border-box;padding:20px 15px;font-size: 16px;font-weight: bold; color: #000;margin-left:40px;
    -webkit-box-shadow: -1px 4px 17px -2px rgba(0,0,0,0.42);-moz-box-shadow: -1px 4px 17px -2px rgba(0,0,0,0.42);box-shadow: -1px 4px 17px -2px rgba(0,0,0,0.42);}
.boxa span {width: 40px; height:5px; background:#ffd862;text-indent: -99999px; position: absolute;left:15px;top:0}
.boxa a {width: 150px;display: inline-block;text-align: center;float: left;}
.boxa a img {width:100px;}
.boxa .noa {opacity:0.5;width: 150px;display: inline-block;text-align: center;float: left;}
.boxa .noa img {width:100px;}
.boxa div {display: inline-block;border-left: 1px solid #ddd; margin-top:10px; float: right; padding-left: 20px}
.boxa_p1 {display: inline-block;box-sizing: border-box;background: #bbbbbb;height: 30px;padding:0 15px 0 10px;border-radius: 50px;color:#fff;font-weight: bold;font-size: 13px;letter-spacing: -1px;line-height: 2.5; min-width: 75px}
.boxa_p2 {display: inline-block;box-sizing: border-box;background: #ffd862;height: 30px;padding:0 15px 0 10px;border-radius: 50px;color:#000;font-weight: bold;font-size: 13px;letter-spacing: -1px;line-height: 2.5; min-width: 75px}
/* ==================== 스타일  ==================== */
.spsty01 {width: 5px; height: 40px; background:#ffd862;text-indent: -99999px; position: absolute;left:15px;top:0}
.spsty02 {color: #ff0000; float: left; font-size: 11px; line-height: 1.3; padding: 6px 0 0 10px;}
.spsty03 {color: #fff; font-size: 11px;font-weight: normal;background: #ff0000;padding: 2px 5px 1px 4px;margin-left: 5px;border-radius: 2px;}
.imsty01 {vertical-align: text-top; margin-left: 2px}
.box01 { position:relative;width: 250px;/* height: 140px;*/ display: inline-block; border-radius: 5px;background: #fff;box-sizing: border-box;padding:20px 15px;text-align: center; font-size: 16px;font-weight: bold; color: #000;margin-left: 35px; margin-right: 35px;
    -webkit-box-shadow: -1px 4px 17px -2px rgba(0,0,0,0.42);
-moz-box-shadow: -1px 4px 17px -2px rgba(0,0,0,0.42);
box-shadow: -1px 4px 17px -2px rgba(0,0,0,0.42);}
.psty01 {display: inline-block;box-sizing: border-box;background: #bbbbbb;height: 30px;padding: 7px 15px 0 10px;border-radius: 50px;color:#fff;font-weight: bold;font-size: 13px;letter-spacing: -1px;}
.psty02 {display: inline-block;box-sizing: border-box;background: #ffd862;height: 30px;padding: 7px 15px 0 10px;border-radius: 50px;color:#000;font-weight: bold;font-size: 13px;letter-spacing: -1px;}
.psty03 {font-size: 20px; color:#0d7eff;font-family:'Nanum Square' !important;margin-bottom: 15px}
.psty04 {font-size: 19px;font-family: 'Nanum Square' !important;color: #000;padding-top: 27px;font-weight: bold;}
.divsty01 {display: inline-block;width: 100%; text-align: left;margin-top:20px;}
.divsty02 {width: 100%; line-height: 1.5; font-size: 13px; color:#333;margin-top: 20px; overflow: auto;height: 400px}
.ds02_1 {height: auto; background: #f9f9f9; box-sizing: border-box;padding:20px;border:1px solid #eee;}
.psty05 {font-size: 16px;color: #000;background: #ffc96a;text-align: center;padding: 5px 0;border-left: 1px solid #efb651;border-bottom: 1px solid #efb651;border-right: 1px solid #efb651;}

/* ==================== 회원가입 ==================== */ 
  .mem_txt01 {overflow: auto; width: 100%; height: 110px; padding:8px 10px; border: 1px solid #ddd; background: #f7f7f7; box-sizing: border-box;margin-top: 10px; margin-bottom: 40px}
  .mem_txt02 {overflow: auto; width: 100%; height: 150px; padding:8px 10px; border: 1px solid #ddd; background: #f7f7f7; box-sizing: border-box;margin-top: 10px; margin-bottom: 10px}
  .inp_info {width: 350px !important;height: 40px !important; line-height: 40px !important; text-indent: 15px;font-size:16px !important; color:#333;}
  .inp_info_1 {height: 40px !important; line-height: 40px !important; text-indent: 15px;font-size:16px !important; color:#333;}
  button.btn_mem_b {background: #6595dd;display: inline-block;width:200px;color: #fff;height: 50px;vertical-align:middle;font-size: 16px;letter-spacing: -1px;font-weight:bold;margin-left: 130px;border-radius: 2px;}
  button.btn_mem_b:hover {background: #3a5884;}
  .mem_box {width: 500px;float: left}
  .mem_box dl {display: inline-block;}
  .mem_box dd.d1 { padding-bottom: 15px;width: 400px; margin:auto;float: left;}
  .mem_box dd.d2 { padding-bottom: 15px;width: 100px; margin:auto;float: left;}
  .mem_box dd.d3 { padding-bottom: 15px;width: 195px; margin:auto;float: left; margin-right: 5px;}
  .mem_box dd.d4 { padding-bottom: 15px;width: 200px; margin:auto;float: left;}
  .mem_box dd.d5 { padding-bottom: 15px;width: 100px; margin:auto;float: left;}
  .mem_box dd.d6 { padding-bottom: 15px;width: 500px; margin:auto;float: left}
  .mem_box dd.d8 { padding-bottom: 15px;width: 125px; margin:auto;float: left;  margin-right: 5px;}
  .mem_box dd.d9 { padding-bottom: 15px;width: 270px; margin:auto;float: left;}
  .mem_box dd.mr_100 {margin-right: 100px;}
  .mem_box dd.d31 { padding-bottom: 15px;width: 130px; margin:auto;float: left; margin-right: 5px}
  .mem_box dd.d32 { padding-bottom: 15px;width: 130px; margin:auto;float: left; margin-right: 5px}
  .mem_box dd.d33 { padding-bottom: 15px;width: 130px; margin:auto;float: left}
  .mem_box dl dd.t1 {text-align: left;margin-bottom: 10px; width: 150px; clear: both; float: left; height: 42px}
  .mem_box dl dd.t2 {margin-bottom: 10px; height: 42px}
  .mem_box dl dd.t3 {margin-bottom: 10px; height: 42px; text-align: left; padding-top:9px; box-sizing: border-box;}
  .mem_box p {text-align: center; margin: 30px 0;}
  .mem_box button { margin-left: 5px}
  .ymd {width:195px; height: 36px;}
  button.btn_back {background:url(/resources/images/siesImages/ic_back.png) no-repeat 0 0;padding-left: 30px;line-height: 24px;}
  .mem_h1 {font-family:'Nanum Square' !important;font-size:25px;color:#000;letter-spacing: -1px;margin-bottom: 35px;width: 100%;text-align: center;margin-top: 35px;font-size: 25px;font-weight: bold;color: #000;}
  .mem_h1 span {font-size:15px;color:#777;font-weight: normal;padding-top: 10px; display: inline-block;}

  /*회원가입 수정*/
.box{ position: relative;width: 100%}
.box input {
  padding: 10px 0;
}
.box input {
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  border: none;
  padding: 15px;
  height:40px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #bbb;

}
.box label {
  position: absolute;
  top: 10px;
  left: 0;
  color: #000;
  transition: 0.3s;
  pointer-events: none;
  font-size: 16px;
  box-sizing: border-box;
  padding-left:15px;
}
.box input:focus ~ label,
.box input:valid ~ label {
  top: -10px;
  left: 5px;
  color: #999 ;
  font-size: 13px;
  background: #fff;
  display: inline-block;
  width: auto;
  padding:3px 10px ;
}

.imdivleft {width:300px; float: left;height: 380px; margin-left: 70px}
.imdivleft img {padding:120px 0 5px 30px;}
.imdivleft2 {width:300px; float: left;height: 470px; margin-left: 70px}
.imdivleft2 img {padding:200px 0 5px 30px;}

 /*회원가입 또 수정*/

.field-wrapper 
{
  position: relative;
}
.field-wrapper input { width: 100%;  box-sizing: border-box;  box-shadow: none;  outline: none;  border: none;  padding:0 15px;  height:40px;  font-size: 16px;  font-weight: 500;  border: 1px solid #bbb;}
.field-wrapper select {width: 100%; height: 40px; font-size: 16px !important;line-height: 28px; border: solid 1px #bbb;  background-color: #fff;  vertical-align: middle;  padding-left: 5px;}
.field-wrapper label 
{
  top: 10px;
  left: 0;
  /*color: #000;*/
  transition: 0.3s;
  pointer-events: none;
  font-size: 16px;
  box-sizing: border-box;
  padding-left:15px;
  opacity: 0;
  position: absolute;

}
.field-wrapper label.on 
{
  color: #4481C4;
}
.field-wrapper label.show 
{  
  opacity: 1;
  top: -10px;
  left: 5px;
  color: #999 ;
  font-size: 13px;
  background: #fff;
  display: inline-block;
  width: auto;
  padding:3px 10px ;
}
.field-wrapper option
{
  color: black;
}
.field-wrapper .watermark
{
  color: #666;
}
/* ==================== 로그인 ==================== */ 
.login_1 {margin:auto;margin-top:150px;width:750px;height: 446px; background:url(/resources/images/siesImages/bg_1.jpg) no-repeat 0 0;position: relative;
-webkit-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
box-shadow: 0px 21px 95px 6px rgba(0,0,0,0.26);
}
.lo_input01 {position:absolute;top: 122px;right: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.lo_input02 {position:absolute;top: 202px;right: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
button.lo_btn02{background:#fff;position:absolute;top: 295px;right: 28px;width: 227px;height:38px;border: 1px solid #dedede;text-align: center;font-size: 13px;font-weight: bold;color: #0d7eff;cursor: pointer;outline: none;border-radius: 2px;}
button.lo_btn02:hover {background:#f6f6f6;}
button.lo_btn03{background:#1f88ff;position:absolute;top: 250px;right: 28px;width: 227px;height:38px;text-align: center;font-size: 13px;font-weight: bold;color: #fff;cursor: pointer;outline: none;border-radius: 2px;}
button.lo_btn03:hover {background:#187beb;color: rgba(255,255,255,0.6);}
.footer_login {width:100%;font-size: 11px;text-align: center;padding: 20px;color:rgba(0,0,0,0.7);letter-spacing: 0px;box-sizing: border-box;font-weight: bold}

.leaders_input01 {position:absolute;top: 100px;right: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.leaders_input02 {position:absolute;top: 160px;right: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.leaders_input03 {position:absolute;top: 220px;right: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.leaders_input04 {position:absolute;top: 280px;right: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.leaders_input05 {position:absolute;top: 340px;right: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.leaders_input06 {position:absolute;top: 160px;left: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.leaders_input07 {position:absolute;top: 220px;left: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
.leaders_input08 {position:absolute;top: 280px;left: 28px;height: 38px !important;width: 227px !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px}
button.leaders_btn01{background:#1f88ff;position:absolute;top: 400px;right: 28px;width: 227px;height:38px;text-align: center;font-size: 13px;font-weight: bold;color: #fff;cursor: pointer;outline: none;border-radius: 2px;}
button.leaders_btn01:hover {background:#187beb;color: rgba(255,255,255,0.6);}

/*메인*/
.divsty03 {width: 495px; height: 500px; float: left; position: relative;}
.divsty04 {width: 440px; float: right}
.divsty04 button {display: inline-block;box-sizing: border-box;border: 1px solid #187beb;background: #1f88ff;height: 25px;padding: 5px 10px;border-radius: 2px;color:#fff;font-weight: bold;letter-spacing: -1px;float: right;margin-top: -3px}
.divsty04 button:hover {background:#187beb;color: rgba(255,255,255,0.7);}
button.main_btn01 {position:absolute;top: 275px;right: 0px;width: 113px; height: 112px; text-indent: -99999em; background:url(/resources/images/siesImages/btn_go_nor.png) no-repeat 0 0;}
button.main_btn01:hover { background:url(/resources/images/siesImages/btn_go_over.png) no-repeat 0 0;}
button.main_btn02 {position:absolute;top: 386px;right: 0px;width: 113px; height: 112px; text-indent: -99999em; background:url(/resources/images/siesImages/btn_go2_nor.png) no-repeat 0 0;}
button.main_btn02:hover { background:url(/resources/images/siesImages/btn_go2_over.png) no-repeat 0 0;}

.divsty05 {width:480px;float: left; background:url(/resources/images/siesImages/main_04.png) no-repeat 0 0;height: 510px; text-align: center}
.divsty05 p {font-family: 'Nanum Square' !important;font-size:23px;width: 100%; text-align: center; padding-top: 50px; color:#000;}
.divsty05 p span {color:#0072ff;font-weight: bold}
.divsty06 {width:470px;float: right; }
.divsty06_1 {width:470px;height:162px;background:url(/resources/images/siesImages/main_01.png) no-repeat 0 0;display:inline-block;margin-bottom: 12px;text-indent: -99999em}
.divsty06_2 {width:470px;height:162px;background:url(/resources/images/siesImages/main_02.png) no-repeat 0 0;display:inline-block;margin-bottom: 12px;text-indent: -99999em}
.divsty06_3 {width:470px;height:162px;background:url(/resources/images/siesImages/main_03.png) no-repeat 0 0;display:inline-block;text-indent: -99999em}
.divsty06_1:hover, .divsty06_2:hover, .divsty06_3:hover {border:2px solid #1f88ff;width:466px;height:158px;}

/* ==================== 검색 ==================== */
.search {border: 1px solid #ddd;width: 100%;display: inline-block;margin-bottom: 20px;box-sizing: border-box;padding: 15px;background: #f6f6f6;}
.search li {display: block;display: inline-block;width: 100%}
.sear01 {float:left;margin-right:5px;width: auto;}
.sear01_1 {float:left;margin-right:5px;width: 100%; height: 40px; font-size: 16px !important}
.sear02 {float:left; margin:5px 5px 0px 0px; font-size: 17px; font-weight: bold}
/*step*/
.step01 {background:url(/resources/images/siesImages/step_01.png) no-repeat 0 0;width: 755px; height: 66px; margin:15px auto 40px auto;}
.step02 {background:url(/resources/images/siesImages/step_02.png) no-repeat 0 0;width: 755px; height: 66px; margin:15px auto 40px auto;}
.step03 {background:url(/resources/images/siesImages/step_03.png) no-repeat 0 0;width: 755px; height: 66px; margin:15px auto 40px auto;}
.step04 {background:url(/resources/images/siesImages/step_04.png) no-repeat 0 0;width: 755px; height: 66px; margin:15px auto 40px auto;}
.step05 {background:url(/resources/images/siesImages/step_05.png) no-repeat 0 0;width: 755px; height: 66px; margin:15px auto 40px auto;}
.step_otxt {padding: 15px 0 0 53px;display: inline-block;margin-left: -3px;box-sizing: border-box;}
.step_otxt li {float: left;font-size: 15px;font-weight: bold;color: #999;letter-spacing: normal;width: 100px;margin-right: 52px;}
.step_otxt li.st_sel {color:#0d7eff !important;}

.step_txt {padding: 18px 0 0 63px;display: inline-block;margin-left: -3px;box-sizing: border-box;line-height: 1.3;}
.step_txt li {float: left;font-size: 16px;font-weight: bold;color: #999;letter-spacing: normal;width: 175px;margin-right: 61px;padding-right: 18px;box-sizing: border-box;}
.step_txt li.st_sel {color:#0d7eff !important;}
.step_txt2 {display: table;width: 880px;margin: 0 auto 10px auto;}
.step_txt2 p {width: 600px; float: left; border-right:1px solid #ccc;line-height: 1.4; color: #888; height:68px;box-sizing:border-box;}
.step_txt2 p span {color:#000;font-weight: bold; font-size: 14px}
.step_txt3 {width: 100%; text-align: center}
.step_txt3 p {font-size: 21px; color:#000;padding:20px 0 15px 0;font-weight: bold; font-family:'Nanum Square' !important;letter-spacing: -1px}
.step_txt4 {width: 100%; display: inline-block;margin-bottom: 5px; line-height: 2.4; border-bottom: 1px dashed #bbb; font-size: 15px; font-weight: bold;}
.step_txt5 {color:#0d7eff; width: 100%; display: block;font-size: 15px; margin-top: 10px}

.step_n1 {background:url(/resources/images/siesImages/step_n1.png) no-repeat 0 0;width: 944px; height: 76px; margin:30px auto 40px auto;}
.step_n2 {background:url(/resources/images/siesImages/step_n2.png) no-repeat 0 0;width: 944px; height: 76px; margin:30px auto 40px auto;}
.step_n3 {background:url(/resources/images/siesImages/step_n3.png) no-repeat 0 0;width: 944px; height: 76px; margin:30px auto 40px auto;}
.step_n4 {background:url(/resources/images/siesImages/step_n4.png) no-repeat 0 0;width: 944px; height: 76px; margin:30px auto 40px auto;}

.step_t1 {background:url(/resources/images/siesImages/step_t1.png) no-repeat 0 0;width: 708px; height: 76px; margin:30px auto;}
.step_t2 {background:url(/resources/images/siesImages/step_t2.png) no-repeat 0 0;width: 708px; height: 76px; margin:30px auto;}
.step_t3 {background:url(/resources/images/siesImages/step_t3.png) no-repeat 0 0;width: 708px; height: 76px; margin:30px auto;}
.pt12 {padding-top: 12px !important;font-size: 17px !important;}

.f_step {width: 100%; display: inline-block;}
.f_step li {float: left;width: 234px}
button.f_fail01 {background:url(/resources/images/siesImages/bt_st_fail01.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #d00000; padding-left: 65px; font-weight: bold;}
button.f_fail02 {background:url(/resources/images/siesImages/bt_st_fail02.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #d00000; padding-left: 65px; font-weight: bold;}
button.f_fail03 {background:url(/resources/images/siesImages/bt_st_fail03.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #d00000; padding-left: 65px; font-weight: bold;}
button.f_fail04 {background:url(/resources/images/siesImages/bt_st_fail04.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #d00000; padding-left: 65px; font-weight: bold;}

button.f_done01 {background:url(/resources/images/siesImages/bt_st_done01.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #0051c0; padding-left: 65px; font-weight: bold;}
button.f_done02 {background:url(/resources/images/siesImages/bt_st_done02.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #0051c0; padding-left: 65px; font-weight: bold;}
button.f_done03 {background:url(/resources/images/siesImages/bt_st_done03.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #0051c0; padding-left: 65px; font-weight: bold;}
button.f_done04 {background:url(/resources/images/siesImages/bt_st_done04.png) no-repeat 0 0;width: 234px; height: 76px;text-align: left;font-size: 16px;color: #0051c0; padding-left: 65px; font-weight: bold;}

button.f_doing01 {background:url(/resources/images/siesImages/bt_st_doing01.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;text-align: left;font-size: 16px;color: #000; padding-left: 65px; font-weight: bold;}
button.f_doing02 {background:url(/resources/images/siesImages/bt_st_doing02.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;text-align: left;font-size: 16px;color: #000; padding-left: 65px; font-weight: bold;}
button.f_doing03 {background:url(/resources/images/siesImages/bt_st_doing03.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;text-align: left;font-size: 16px;color: #000; padding-left: 65px; font-weight: bold;}
button.f_doing04 {background:url(/resources/images/siesImages/bt_st_doing04.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;text-align: left;font-size: 16px;color: #000; padding-left: 65px; font-weight: bold;}
button.f_doing01:hover {background:url(/resources/images/siesImages/bt_st_doing01_up.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;}
button.f_doing02:hover {background:url(/resources/images/siesImages/bt_st_doing02_up.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;}
button.f_doing03:hover {background:url(/resources/images/siesImages/bt_st_doing03_up.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;}
button.f_doing04:hover {background:url(/resources/images/siesImages/bt_st_doing04_up.png) no-repeat 0 0;width: 234px; height: 76px;cursor:pointer;}


/*위촉가능여부조회*/
.poss01 {width: 100%;display: inline-block;margin:40px 0 0 0;}
.poss01 img {width: 130px;}
.poss01 p {font-size: 14px;line-height: 1.5;width: 600px;border-right: 1px solid #ddd;float: left;padding-right: 20px;display: inline-block;line-height: 1.6;}
.poss01 span.pos01_1 {float: left; display: inline-block;width: 170px}
.poss01 span {font-size: 14px;line-height: 1.5;width: 785px;float: left;display: inline-block;line-height: 1.6;float: left}
.poss01 span b {font-weight: normal;letter-spacing: -1px}

/*이클린 정보 조회 (이클린 버튼 및 정보문구 표기)*/
.poss03 {width: 100%;display: inline-block;margin:40px 0 0 0; text-align:center;}
.poss03 div{text-align:center;}
.poss03 span.pos03_1 {float:left; display:inline-block; width:240px; height:360px; margin:auto; text-align:center; border:1px solid black; border-radius: 20px;}

/*breadcromes*/
.bread {float: right;color:#999;margin:-15px 0 0 0;}
.bread img {margin:-2px 3px 0 1px;}
.bread span {color:#000;}

/* ==================== checkbox ==================== */
input.im01[type=checkbox] { display: none;}

input.im01[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 13px;
    margin:5px 0;
}

input.im01[type=checkbox]+ label:before { 
    content: "";  
    display: inline-block;    
    width: 20px;  
    height: 20px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottom: -2px;  
    background-color: #ccc;  
    border-radius: 2px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
input.im01[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 20px; 
    font-weight:800; 
    color: #fff;  
    background:#6595dd;
    text-align: center;  
    line-height: 19px;  
} 
.checkboxFour {
    width: 26px;
    height: 26px;
    background: #ddd;
    margin: 0px 10px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.7);
    display: inline-block;
}
.checkboxFour label {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #999;
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}
.checkboxFour input[type=checkbox]:checked + label {background: #f79700;}

.checkboxFour input[type=radio] {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    display:none;
}

.checkboxFour input[type=radio]:checked + label {background-color: #f79700;}

/* ==================== 페이징 ==================== */
.pagination {display: table; margin: 0 auto; margin-top: 15px}
.pagination a {color: black; float: left; padding: 10px 13px 8px; text-decoration: none;}
.pagination a.active { background-color: #1f88ff; color: white;}
.pagination a:hover:not(.active) {background-color: #ddd;}

 /* ==================== POPUP ==================== */ 

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 700px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    padding-bottom: 23px;
    box-sizing: border-box;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.pop_tit {float: left;color:#000;font-size: 17px;letter-spacing: -1px; font-weight: bold;font-family:'Nanum Square' !important;}

/* The Close Button */
.close {
    color:#0d7eff ;
    float: right;
    font-size: 30px;
    margin-top:-7px;
    font-weight: lighter;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    height: 35px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc
}

 button.max {width: 30px; height: 35px; background:url(/resources/images/siesImages/btn_wide_nor.png) no-repeat 0 0;float: right; text-indent: -9999em}
 button.max:hover {background:url(/resources/images/siesImages/btn_wide_over.png) no-repeat 0 0;}
 button.close1 {width: 30px; height: 35px; background:url(/resources/images/siesImages/btn_close_nor.png) no-repeat 0 0;float: right; text-indent: -9999em}
 button.close1:hover {background:url(/resources/images/siesImages/btn_close_over.png) no-repeat 0 0;}
 
 /* ==================== INPUT ANIMATION ==================== */ 
 .inp {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 280px;
  line-height:1;
}
.inp .label {
  position: absolute;
  top: -3px;
  left: 5px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  transform-origin: 0 0;
  transition: all 0.2s ease;
  background: #fff;
  padding:1px 10px;
}
.inp .border {
  position: absolute;
  bottom: 0;
  left: 0;
  /*height: 2px;
  width: 100%;*/
  background: #07f;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: all 0.15s ease;
}
.inp input {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 12px 5px;
  height:40px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #bbb;
  background: none;
  border-radius: 0;
  color: #223254;
  transition: all 0.15s ease;
}
.inp input:hover {
  background: transparent;
}
.inp input:not(:placeholder-shown) + span {
  color: #999;
  transform: translateY(-25px) scale(0.8);
  top:5px;
}
.inp input:focus {
  background: none;
  outline: none;
}
.inp input:focus + span {
  color: #07f;
  transform: translateY(-25px) scale(0.8);
   top:5px;
}
.inp input:focus + span + .border {
  transform: scaleX(1);
}

 /* ==================== 뉴 메인 스텝 ==================== */ 
.n_step {display: table; margin:20px auto ; text-align: center; /*  width: 890px; */}
.n_step li {width: 85px; height: 85px;display: inline-block;border-radius: 50%;background:#1f88ff;border:3px solid #1f88ff;float: left}
.m_arrow {display: inline-block;float: left;padding: 33px 23px;}
.n_step li span {font-size: 16px;font-weight: bold;letter-spacing: -1px;white-space: nowrap;color: #1f88ff;padding-top: 18px;display: inline-block;width: 110px;margin-left: -12px;text-align: center;}
.m_done {}
.m_doing {border:3px solid #1f88ff !important;background:#fff !important;}
.m_none {background:#f6f6f6 !important;border:3px solid #a8a8a8 !important;}
.m_cancel {background:#ff4040 !important;border:3px solid #ff4040 !important;}
.m_modify {background:#fac341 !important;border:3px solid #fac341 !important;}
.n_main_1 {width: 100%; background:#1f88ff;padding:20px;color:#fff;font-family:'Nanum Square' !important;font-size: 17px; box-sizing: border-box;text-align: center;line-height: 1.5;margin-top: 70px;}
.n_main_1 span {display: inline-block;background:#ffd862;color:#000;padding:0 15px;border-radius: 50px;font-size: 16px;font-weight: bold;padding-top: 2px;margin-right:3px;box-sizing: border-box;vertical-align: unset;}
.n_main_2 {width: 650px;margin:30px auto 50px auto;text-align: center;color: #333;font-size: 13px;line-height: 1.5;}
.n_step_2 {width: 880px;display:block;margin:0 auto 30px auto;}
.n_step_2 li {width:185px;height:220px;background:#f6f6f6;box-sizing: border-box;padding:25px 20px;float: left; margin-right:45px; border-radius: 4px;text-align: center}
.n_step_2 li p {font-family:'Nanum Square' !important;font-size: 18px;color: #000;font-weight: bold;letter-spacing: -1px;}
.n_step_2 li span {color:#999;margin: 10px 0;display: inline-block;letter-spacing: -1px;font-size: 11px;line-height: 1.5;}
.n_step_2 li img {margin-top: 10px;}

.n_main_3 {margin:30px auto 50px auto;text-align: center;color: #333;font-size: 13px;line-height: 1.5;}
.n_step_3 {/* width: 880px; */display:block;margin:0 auto 30px auto;}
.n_step_3 li {width:185px;height:220px;background:#f6f6f6;box-sizing: border-box;padding:25px 20px;float: left; margin-right:45px; border-radius: 4px;text-align: center; cursor:pointer; }
.n_step_3 li p {font-family:'Nanum Square' !important;font-size: 18px;color: #000;font-weight: bold;letter-spacing: -1px;}
.n_step_3 li span {color:#999;margin: 10px 0;display: inline-block;letter-spacing: -1px;font-size: 11px;line-height: 1.5;}
.n_step_3 li img {margin-top: 10px;}

.n_add01 {color:#0d7eff;font-size: 15px; letter-spacing: 0; display: inline-block;font-weight: normal;}
.n_add02 {font-size: 15px;color: #000;background: #ffc96a;text-align: center;padding: 6px 0;border-left: 1px solid #efb651;border-top: 1px solid #efb651;border-right: 1px solid #efb651;height: 32px;box-sizing: border-box;}
.n_add02 span {font-weight: bold; margin-right:30px}

 /* ==================== 뉴 위촉서류 작성 ==================== */ 
.document_1 {display: inline-block;width: 100%; margin-top: 30px}
.document_1 img {width:145px; float: left; padding-top: 20px}
.document_1 a {width: 780px;min-height: 90px;padding:12px 18px ;box-sizing: border-box;margin-left: 15px;background: #f1f1f1 ;display: inline-block;float: right;font-size: 14px;line-height: 1.5;color: #000;}
.document_1 a:hover {text-decoration: none; background:#ddd;}
.document_1 a p {width: 630px; display: inline-block;letter-spacing: -0.5px;}
.document_1 a span {display: block;padding-top: 10px}
.document_1 a img {width: 68px; float: right;padding-top: unset !important;}

.document_2 {display: inline-block;width: 100%;}
.document_2 img {width:145px; float: left; padding-top: 20px}
.document_2 a {width: 780px;min-height: 90px;padding:12px 18px ;box-sizing: border-box;margin-left: 15px;background: #42dbd5 ;display: inline-block;float: right;font-size: 14px;line-height: 1.5;color: #000;}
.document_2 a:hover {text-decoration: none; background:#2bc8c2;}
.document_2 a p {width: 630px; display: inline-block;letter-spacing: -0.5px;}
.document_2 a span {display: block;padding-top: 10px; color: #fff;}
.document_2 a img {width: 68px; float: right;padding-top: unset !important;}

.document_3 {display: inline-block;width: 100%;}
.document_3 img {width:145px; float: left; padding-top: 20px}
.document_3 a {width: 780px;min-height: 90px;padding:12px 18px ;box-sizing: border-box;margin-left: 15px;background: #1f88ff ;display: inline-block;float: right;font-size: 14px;line-height: 1.5;color: #fff;}
.document_3 a:hover {text-decoration: none; background:#1176e9;}
.document_3 a p {width: 630px; display: inline-block;letter-spacing: -0.5px;}
.document_3 a span {display: block;padding-top: 10px; color: #ffde00;}
.document_3 a img {width: 68px; float: right;padding-top: unset !important;}

button.docu_btn01 {width: 90px;
	height: 90px;
	background: #000 url(/resources/images/siesImages/btn_a03.png) no-repeat center center;
	font-family:'Nanum Square' !important;
	border-radius: 50%;
	margin:0 auto;
	display: block;
	font-size: 17px;
	box-sizing: border-box;
	line-height: 13;
	margin-bottom: 30px;
	font-weight: bold;}
button.docu_btn01:hover {background: #1f88ff url(/resources/images/siesImages/btn_a03.png) no-repeat center center;}

 /* ==================== 팝업 : 로그인,회원가입이용약관 ==================== */ 
.pop_lo01 {height: 38px !important;width: 100% !important;border: 1px solid #dedede !important;font-size: 16px;border-radius: 2px; margin-bottom: 10px}
.pop_divsty01 {width: 100%; line-height: 1.5; font-size: 13px; color:#666;margin-top: 20px; overflow: auto;height:200px; border:1px solid #ddd;padding:8px 0 0 8px;}
button.pop_btn08 {padding: 0 15px;height: 28px;border-radius: 2px;border:1px solid #cecfd0;background:#ebeced;color: #222;font-weight: bold;font-size: 13px;cursor: pointer;vertical-align: bottom;margin-left: 5px;}
button.btn08:hover {background:#d9d9d9;color: rgba(0,0,0,0.7);}
.pop_add01 {font-size: 11px; padding-left: 95px !important; letter-spacing: 0; color:#888;}
.pop_add02 {width: 100%;display: inline-block;color: #000;background: #ffc96a;text-align: center;height: 28px;padding-top: 5px;box-sizing: border-box;margin-bottom: 15px;font-size: 13px;letter-spacing: 1;letter-spacing: 1px;}
.pop_add03 {width: 100%;padding:10px 0;}
.pop_add04 {position: unset !important;width: 100% !important; margin-bottom: 10px}
.pop_add05 {position: unset !important;width: 100% !important}
.pop_add06 {position: absolute;bottom:20px;right: 28px;}
.pop_add07 {width: 100%;display: inline-block;color: #000;background: #eee;box-sizing: border-box;margin-bottom: 15px;font-size: 13px;padding:10px 20px;line-height: 2}
.pop_add08 {text-align: center; width: 100%}
.tarea01 {width: 100%;resize: none; height: 100px; color: #555;margin-top: 20px }
.pop_tit01 {font-family: 'Nanum Square' !important;font-size: 17px;color: #000;letter-spacing: -1px; margin:0px 0px 0px 25px; font-weight: bold;}
.pop_add09 {height: auto !important;padding:10px !important;letter-spacing: -1px !important}

 /* ==================== 위촉서류작성  ==================== */ 
 button.eclean {width: 340px; height: 82px; background:#1f88ff url(/resources/images/siesImages/btn_eclean.png) no-repeat 0 0;text-indent: -9999em; border-radius: 4px; margin: 0 auto;display: block;margin-top:50px;}
 button.eclean:hover {background:#1f88ff url(/resources/images/siesImages/btn_eclean_over.png) no-repeat 0 0;}
 .cle_txt01 {font-size: 15px;line-height: 1.6;width: 630px;margin: auto;padding-top: 30px;}
 .cle_txt01 b {color: #000; display: block;padding-bottom: 10px}
 .cle_txt02 {display: inline-block;width: 100%; margin-top: 30px}
 .cle_txt02 img {width: 130px;float: left;}
 .cle_txt02 p {width: 82%; min-height: 65px;padding: 12px 18px;box-sizing: border-box;margin-left: 15px;background: #f1f1f1;display: inline-block; font-size: 14px;line-height: 1.4;color: #000;}
 .cle_txt02 p span {display: block;color:#0d7eff; font-weight: bold; padding-top: 10px}
 
 .ec_step_1 {width: 880px;display:block;margin:0 auto 35px auto;padding-top: 10px}
 .ec_step_1 a {width:250px;height:300px;background:#f6f6f6;box-sizing: border-box;padding: 35px 20px;float: left;margin-right:55px;border-radius: 4px;text-align: center;border:2px solid #eee;}
 .ec_step_1 a:hover {background:#f6f6f6;text-decoration:none;border:2px solid ;}
 .ec_step_1 a p {font-family:'Nanum Square' !important;font-size: 23px;color: #000;font-weight: bold;letter-spacing: -1px;}
 .ec_step_1 a span {color:#999;margin: 15px 0;display: inline-block;letter-spacing: -1px;font-size: 14px;line-height: 1.5;}
 .ec_step_1 a img {margin-top: 20px;}
 
 .ec_step_3 {display:table;margin:0 auto 35px auto;padding-top: 10px}
 .ec_step_3 a {width:250px;height:300px;background:#f6f6f6;box-sizing: border-box;padding: 35px 20px;float: left;margin-right:55px;border-radius: 4px;text-align: center;border:2px solid #eee;}
 .ec_step_3 a:hover {background:#f6f6f6;text-decoration:none;border:2px solid ;}
 .ec_step_3 a p {font-family:'Nanum Square' !important;font-size: 23px;color: #000;font-weight: bold;letter-spacing: -1px;}
 .ec_step_3 a span {color:#999;margin: 15px 0;display: inline-block;letter-spacing: -1px;font-size: 14px;line-height: 1.5;}
 .ec_step_3 a img {margin-top: 20px;}
 
 .tit01 {font-family:'Nanum Square' !important;font-size:25px;color:#000;letter-spacing: -1px;margin-bottom: 25px;width: 100%;text-align: center;margin-top: 20px;font-size: 23px;font-weight: bold;color: #000;}
 .add01 {width: 100%;resize: none; height: 130px; color: #aaa; font-size: 26px; text-align: center;padding-top: 50px;}
 .add02 {width: 100%; display: inline-block;margin-bottom: 0px; line-height: 2.4; border-bottom: 1px dashed #bbb; font-size: 15px; font-weight: bold;height: 50px; box-sizing: border-box;padding-top: 5px;}
 .mt4 {margin-top: 4px;}
 .tit02 {text-align: left !important; font-size: 20px; color: #000;font-family: 'Nanum Square' !important; margin-bottom: 15px !important; }
 .tit03 {padding-bottom: 20px; display: block;}
 .tit04 {text-align: center !important; font-size: 20px; color: #000;font-family: 'Nanum Square' !important; margin-bottom: 15px !important; }

 /* Tab */
div.tab01 { width: 100%;}
section.s01 {display: none;padding:0;height: 460px; overflow: auto;}
input.s02 {display: none;}
label.s03 {
  display: inline-block;
  margin: 0;
  padding: 10px 15px;
  text-align: center;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  background:#eee;
  box-sizing: border-box;
  font-weight: bold; 
}
label.s03:before {margin-right: 10px;}
label.s03:hover {color: #888;cursor: pointer;}
input.s02:checked + label.s03 {color: #fff;background: #1f88ff;font-size: 14px;}

#tab01_1:checked ~ #t_content1,
#tab01_2:checked ~ #t_content2,
#tab01_3:checked ~ #t_content3 {display: block;}

button.b_tab {display: inline-block;box-sizing: border-box;height: 25px;padding: 5px 10px;font-weight: bold;letter-spacing: -1px;float: right;margin-top: -3px; color:#999;background:transparent;border:0; position: absolute;top: 42px; right:28px;}
button.b_tab:hover {background:#187beb;color: rgba(255,255,255,0.7);}

 /* ==================== 합격증  ==================== */ 

.print-wrap{position:relative; font-size:16px;  line-height:1.5em; color:#000;}
.print-wrap table{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #000}
.print-wrap table th, 
.print-wrap table td{border-bottom:1px solid #000; border-left:1px solid #000}
.print-wrap table th.last,
.print-wrap table td.last{border-right:1px solid #000}
.print-wrap .t_c{padding:10px 0; text-align:center}
.print-wrap .watermark{position:absolute; left:0; width:100%; text-align:center;}
.print-wrap .watermark.ps1{top:310px;}
.print-wrap .watermark.ps2{top:450px;}
.print-wrap .watermark.ps3{top:440px;}
.print-wrap .popup{position:relative; z-index:2; width:592px; margin:0 auto;}
.print-wrap .popup .b_number{margin-bottom:60px; padding-top:20px;}
.print-wrap .popup h1{text-align:center; margin-bottom:54px; font-size:32px;}
.print-wrap .popup ul{padding-left:25px;}
.print-wrap .popup ul li{margin-bottom:35px;}
.print-wrap .popup .tbl{margin-bottom:55px}
.print-wrap .popup table th,
.print-wrap .popup table td{font-weight:normal; text-align:center}
.print-wrap .text{height:136px; text-align:center; font-size:18px; font:bold; line-height:44px;}
.print-wrap .text_01{margin-bottom:20px; font-size:1.3em;}
.print-wrap .text_02{ height:300px;  text-align:center; font-size:18px;  line-height:44px;}
.print-wrap .b_footer{font-weight:bold;}
.print-wrap .b_footer span{display:inline-block; margin-right:15px; font-size:2em; padding-left:176px; vertical-align:middle}
.print-wrap .b_footer img{vertical-align:middle; width:100px; height:100px;}
.print_b01 {display: inline-block;
    padding: 0.7em 1.5em;
    margin: 0 1px;
    background: #2d60bb;
    color: #fff !important;
    vertical-align: middle;
    font-weight: 600;}
.print_b02 {display: inline-block;
    padding: 0.7em 1.5em;
    margin: 0 1px;
    background: #666;
    color: #fff !important;
    vertical-align: middle;
    font-weight: 600;}
.ptit01 {width: 100%;   font-size: 34px;  margin-bottom: 50px;  text-align: center; font-weight: bold;}

.certificate  {width:535px; height:750px; padding:20px 30px; border:1px solid #777777; position:relative; margin: auto;}
.certificate .bigtit {font-size:32px; font-weight:bold; letter-spacing:20px; padding:50px 0 90px; text-align:center; }
.certificate li {padding:10px 10px; font-weight:bold; font-size:14px;}
.certificate .cont {padding:30px 10px; line-height:24px; font-size:16px;}
.certificate table {width:500px; border:1px solid #bc957a}
.certificate td {padding:5px; border:1px solid #bc957a;}
.certificate .cerdata {padding:60px 40px; text-align:right; font-size:14px}
.certificate .sign     {font-size:24px; text-align:center; padding-top:60px;}
.certificate .sign {
	padding-top: 0;
	height: 120px;
	line-height:120px;
	position: relative;
}
.certificate .sign > .txt {
	position: relative;
	z-index: 2;
}
.certificate .sign > .stamp {
	left: 355px;
	position: absolute;
	z-index: 1;
}

.add_1 {display: inline-block; float: left; font-size: 14px; color: #000; padding: 6px 10px; font-weight: bold;}

/*약관*/
.accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 16px 0 14px 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    letter-spacing: -1px;
    transition: 0.4s;
    border-bottom: 1px solid #ddd;
}
.accordion p {padding-left: 30px; box-sizing: border-box;display: inline}

.active, .accordion:hover {  color: #000;}
.accordion:after {
    content: '\002B';
    color: #777;
    float: right;
    margin-left: 5px;
    font-size: 22px;
    padding-right: 5px;
    font-family: Arial;
    
}
.active:after {content: "\2212"; font-size: 22px;font-family: Arial;}
.panel {
    padding: 0 16px;
    background-color:#f6f6f6;
    max-height:270px;
    overflow: auto;
    transition: max-height 0.2s ease-out;
    display: none;
    border-bottom:1px solid #bbb;
}
.panel p {margin:10px 0;color:#666;font-size:13px;}
/* Checkbox */
.ch_container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ch_container input {
    position: absolute;
    opacity: 0;
}
.checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 2px; 
    border:1px solid #ddd;
}
.ch_container:hover input ~ .checkmark {
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.ch_container input:checked ~ .checkmark {
    background-color: #1f88ff;
    border:1px solid #1f88ff;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.ch_container input:checked ~ .checkmark:after {
    display: block;
}
.ch_container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.add_ac01 {padding: 15px 0 5px 0 !important;}
.add_ac02 {width: 60%; float: left;margin-top: 10px;margin-bottom: 15px;}
.add_ac03 {width: 90px; margin-top: -16px; margin-right: 10px;margin-left: 5px;}
.add_ac04 {color:#333;font-size:15px;display: inline-block; margin-top: -15px}
.add_ac05 {padding:unset !important;margin-top: 16px}
.add_ac06 {font-size: 16px; color: #000;font-weight: bold; border-bottom: 1px dashed #ccc;padding-bottom: 15px;}

/*관리자메인*/
.admin_1 {}
.admin_1 li.admin_1_left {width: 55%; display: inline-block;min-height: 100px; border:1px solid #ccc;border-radius: 4px; float: left; margin-right: 10px; margin-bottom: 15px;
-webkit-box-shadow: 7px 7px 13px -12px rgba(0,0,0,0.31);
-moz-box-shadow: 7px 7px 13px -12px rgba(0,0,0,0.31);
box-shadow: 7px 7px 13px -12px rgba(0,0,0,0.31);}
.admin_1 li.admin_1_right {width: 43%; display: inline-block;min-height: 100px; border:1px solid #ccc;border-radius: 4px; float: right; margin-right: 0px; margin-bottom: 15px;
-webkit-box-shadow: 7px 7px 13px -12px rgba(0,0,0,0.31);
-moz-box-shadow: 7px 7px 13px -12px rgba(0,0,0,0.31);
box-shadow: 7px 7px 13px -12px rgba(0,0,0,0.31);}

/*2020-06-17*/
.cle_txt06 {width: 90px;vertical-align: text-top; margin-right: 5px; margin-top: -14px;}
.cle_txt03 {font-family:'Nanum Square' !important;font-size: 21px;color:#0d7eff;letter-spacing: -1px;margin-bottom: -10px;width: 100%;text-align: center;margin-top: 30px;font-weight: bold;}
.psty03 span {font-size:16px; color:#222;margin-bottom: 15px}
.cle_txt04 {color: #0d7eff; font-size: 17px;letter-spacing: 0; display: inline-block;}

.cle_txt05 {font-size: 15px;display: inline-block !important; margin: 20px 0 0 0 !important;border-bottom: 1px dashed #ccc;height: 34px;width: 100%; box-sizing: border-box; font-weight: bold;color:#000 !important;}
.cle_txt06 {width: 90px;vertical-align: text-top; margin-right: 5px; margin-top: -14px;}
.cle_txt07 {width: 66% !important;float: left; margin: 10px 0 18px 0; letter-spacing: -1px !important;}
.cle_txt08 {min-width: unset !important;}
.confirm {min-width: 92px;height: 35px;display: inline-block;float: right;padding:10px;background: #ffd862;border-radius: 50px;font-size: 14px;color: #000;box-sizing:border-box;}
.cle_txt09 {padding: 20px 0 5px 0 !important;}
.cle_txt10 {font-family:'Nanum Square' !important;font-size: 39px;color: #0d7eff;letter-spacing: -1px;display: block;text-align: center;width: 100%;margin:30px 0;}
.cle_txt10 span {font-family:'Nanum Square' !important;font-size: 21px;padding-top:9px;display: inline-block;}

/* 20201125 */
.ec_step_2 {width: 100%;display:inline-block;margin-top: 20px}
 .ec_step_2 a {width:100%;margin-bottom: 20px;background:#f6f6f6;box-sizing: border-box;padding: 35px 20px;float: left;/* margin-right:55px; */border-radius: 4px;/* text-align: center; */border:2px solid #eee;}
 .ec_step_2 a:hover {background:#f6f6f6;text-decoration:none;border:2px solid ;}
 .ec_step_2 a p {font-family:'Nanum Square' !important;font-size: 23px;color: #000;font-weight: bold;letter-spacing: -1px;display: inline-block;}
 .ec_step_2 a span {color: #666;margin: 15px 0;display: inline-block;letter-spacing: -1px;font-size: 17px;line-height: 1.7;/* border: 1px solid; */width: 769px;padding-left: 30px;border-left: 1px solid #ddd;margin-left: 30px;}
.ec_step_2 img {margin-right: 10px;}

/* ==================== searchPop ==================== */
.searchPop {max-width: 100%;width:1800px;border: 1px solid #d0d0d0;background: #fafafa;box-sizing:border-box;}
table.se {/* margin:0px 20px 0px 20px; */}
table.se tr{/* height:40px; */}
table.se tr th {padding-right:0px;height: 32px;font-weight:normal;text-align:left;color: #333333;font-weight: bold; width: 70px;}
table.se .font_blue { color:#2267ec;  }
table.se tr td {padding-right:15px;}
table.se tr td.line {width:2px;background:url(../images/img_search_line.png) repeat-y;padding-right:10px;text-indent:-9999px;}
.contentPop {width:100%;display:inline-block;padding:10px;box-sizing: border-box; background: #fff; border-left:1px solid #ddd; border-right:1px solid #ddd ; border-bottom:1px solid #ddd;}