@charset "utf-8";

/*0715 user header*/
.user_wrap{width:100%; margin:auto; letter-spacing: -0.5px; font-size:12px; font-family:'Noto Sans KR',sans-serif,'Malgun Gothic';}
.user_wrap>#header{border-top:1px solid #e7e7e8; border-bottom:0px;}
.user_head{border-top:2px solid #028cce}
.user_headin{height:58px; padding:3px 0px; display: block; }
.user_head:after{content:""; display: block; clear:both;}
.user_logo{position:relative; display: inline-block; float:left;}
.user_logo>img{display:inline; vertical-align:middle}
.user_logo span.logo_edu{width:186px}
ul.user_gnb{border:1px solid #d4d6d8; border-radius:3px; padding____:7px 0; margin-top:14px; float:right;     position:absolute; top:0px; right:0px;}
ul.user_gnb:after{content:""; display: block; clear:both;}
ul.user_gnb>li{float:left; line-height: 16px; text-align: center;}
ul.user_gnb li a{display: inline-block; font-size:13px; color:#575757; letter-spacing:-1px; padding:7px 15px 7px 33px;}
ul.user_gnb li{border-right:1px solid #d4d6d8;}
ul.user_gnb li:last-child{border-right:0px;}
ul.user_gnb li:nth-child(1){background:url(../images/main/icon_remote.png) 13px 9px no-repeat;}
ul.user_gnb li:nth-child(2){background:url(../images/main/icon_sitemap.png) 14px 10px no-repeat}
ul.user_gnb li:nth-child(3){background:url(../images/main/icon_admin.png) 18px 1px no-repeat}
.user_lnb{position:relative; border-top___:1px solid #e7e7e8; border-bottom___:1px solid #e7e7e8; width:100%; min-width:1230px; height:69px; margin-top:10px;}
.user_lnb:after{content:""; display:block; clear:both;}
.lnb_area{width:100%; height:271px; overflow:hidden; position:absolute; top:0; left:0; z-index:999;}
.lnb_wrap{position:relative; top:0; margin:0 auto; z-index:999; overflow: hidden;}
.lnb_wrap .lnb {margin-left:218px; }
.lnb ul {overflow:hidden; width:100%;}
.lnb ul____:after{content: ""; width:1px; height:18px; position:absolute; top:13px; left:0px; background-color:#d8d8d8;}
.lnb ul li{float:left; text-align:center; width:132px; position:relative;}
/* .lnb ul li:after{content:""; width:1px; height:15px; position:absolute; top:22px; right:0px; background-color:#d8d8d8;} */
.lnb ul li a.oneDep {height:60px; line-height:60px; font-size:17px; font-weight:bold; color:#292929; letter-spacing:-1px; border-right__:1px solid #e7e7e8; display:block; position:relative;}
.lnb ul li:hover a:before{width:100%; transform: scaleX(1);}
.lnb ul li a:before {display: block; content: ''; position: absolute; top:-3px; left: 0; width: 0; height:3px; transform: scaleX(0); background-color: #0065a2; transition: transform .3s;}
.lnb ul li.on a.oneDep {color:#0065a2;}
.lnb ul li.on a.oneDep:hover{text-decoration:none; width: 100%; transform: scaleX(1);}
.lnb ul li.on a.oneDep:before {display: block; content: ''; position: absolute; bottom: 1px; left: 0; width: 0; height:5px; transform: scaleX(0); background-color: #0064b8; transition: transform .3s;}
.lnb_wrap .twoDep {height:190px; display:block; padding-top:10px; margin-top:10px; border-left:1px solid #fff; border-right:1px solid #e3e3e3; position:relative; visibility: visible;}
.lnb_wrap li.on .twoDep {border-left_:1px solid #e3e3e3; border-right_:1px solid #fff; background:#fdfdfd;}
.lnb_wrap li .twoDep a {font-size:13.5px; color:#696969; line-height:27px; font-weight:400; display:block;}
.lnb_wrap li.on .twoDep a:hover {color:#0070b3; text-decoration:underline;}
.sub_downbg {background-color:#f3f5f7; width:100%; border-bottom:1px solid #e3e3e3; position:absolute; top:70px; left:0; height:194px; width:100%; z-index:998; display: block;}
.time_area{float:right; margin-top:-7px; position___:absolute; top___:8px; right___:0px;}
.time_area>div {font-size:14px; color:#686868; font-weight:400; display:inline; vertical-align:middle;}
.time_area>strong {font-size:16px; color:#333333; font-weight:bold; padding:0 8px 0 5px; vertical-align:middle;}
.time_area>a.btn_time {font-size:13px; color:#fff; font-weight:400; background:#1585bb; border-radius:3px; padding: 2px 10px 4px; vertical-align:middle;}
.login_area{/* width:1170px; *//* min-width:1170px; padding:0 30px; */width:100%; min-width:1230px; /* padding:0 45px; */ margin: auto; height:48px;
background:#e7f1f8/* #e3e8f1 */ url('../images/common/gnb_sh___.png') 0 top repeat-x; background-image_:linear-gradient(to right, #2bb9d2 20%, #028cce);}
.login_area:after{content:""; display:block; clear:both}
.login_areain{width:1230px; margin:auto;}
.input_area{float:left; margin-top:9px;}
.input_area>span{margin-right:30px;}
.input_area>span:after{content:""; position:absolute; width:1px; height:15px; margin:9px 0 0 17px; background-color:#9eaebb;}
a.btn_clogin, a.btn_clogin:active, a.btn_clogin:visited,
a.btn_login, a.btn_login:active, a.btn_login:visited{font-size:14px; color:#414141; font-weight:400; letter-spacing:-0.5px; text-align:center; border-radius:2px; line-height:30px; display:inline-block;}
a.btn_clogin{background:#fff url(../images/common/icon_clogin.png) 15px 8px no-repeat; width:125px; text-indent:18px;}
a.btn_login{background-color:#fff; width:70px;}
.input_area>input{font-family:'Noto Sans KR', 'Malgun Gothic';}
.input_area>input{font-size:14px; color:#414141; font-weight:400; border:1px solid #fff; border-radius:2px; background-color:#e9effa; width:120px; padding:2px 2px 2px 15px; line-height:22px; height:24px;}
.input_area>input::placeholder{font-size:13px; color:#838383; font-weight:400; line-height: 20px;}
span.user_gnb02{float:right; margin-top:18px; }

span.user_gnb02>a, span.user_gnb02>a:hover, span.user_gnb02>a:active, span.user_gnb02>a:visited{padding-right:15px; margin-right:15px; /* border-right:1px solid #cce8f5 */border-right:1px solid #9eaebb}
span.user_gnb02>a:last-child{padding-right:0px; margin-right:0px; border-right:0px}
span.user_gnb02>a, span.user_gnb02>a:visited, span.user_gnb02>a:active{font-size:14px; /* color:#fff; */color:#575757; line-height:11px; letter-spacing:-0.5px; float:left; }
.user_area{float:left; margin-top:13px;}
.user_area>a.userinfo01{font-size:14px; color:#414141; line-height: 20px; height: 26px;
    padding: 5px 0 0 40px; margin: -10px 30px 0 0; display: inline-block; position: relative; border-right: 0px;
    background:url(../images/common/icon_user.png) 0 0 no-repeat;}
.user_area>a>.new_msg{width:14px; height:14px; position:absolute; top:0px; left:19px; display: inline-block; background:url('../images/common/icon_newmsg.png') 0 0 no-repeat;}
.user_area>a.userinfo01>strong{font-weight:bold;}
.user_area>a.userinfo01:after{content:""; position:absolute; width:1px; height:12px; margin:5px 0 0 18px; background-color:#9eaebb;}
.last_time{font-size:14px; /* color:#fff; */color:#575757;}
.last_time>strong{font-weight:bold;}
.mstep{width:100%; margin:auto; background-color:#f6f6f6;}
.mstep>dl{width:1060px; margin:auto; padding:9px 0 12px; text-align: center;}
.mstep>dl>dt{font-size:17px; color:#ff9200; font-weight:bold; letter-spacing: -1px; padding-left:27px; margin-right:15px; background:url(../images/common/icon_minfo.png) 0 50% no-repeat; display: inline;}
.mstep>dl>dd{font-size:14px; color:#787878; font-weight:400; display: inline;}
.mstep>dl>dd>span{color:#434343; font-weight:bold;}

/* user 왼쪽메뉴 */
.snb_area{float:left; width:200px;}
.usersnb_title{font-size:24px; color:#fff; font-weight:bold; letter-spacing:-0.5px; text-align:center; line-height:24px; padding:12px 0 20px;
background:/* #249b87 */#31629c}
.usersnb_title>span{font-size:11.5px; color:#fff; opacity:0.7; font-weight:300; letter-spacing_:0; display:block;}
.user_snb {margin:1px 0 20px; box-sizing: border-box}
.user_snb>li{margin-top:-1px;}
.user_snb>li .snb_depth01 {font-size:15px; color:#494949; font-weight:bold; display:block; cursor:pointer; padding:12px 15px 12px 17px; border:1px solid #d7d7d7; background:#fff url(../images/common/snb_off.png) 90% 50% no-repeat}
/* .user_snb>li.on .snb_depth01 {color:#fff; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #449f90; border-right:1px solid #449f90; background:#449f90 url(../images/common/snb_on.png) 90% 48% no-repeat;} */
.user_snb>li.on .snb_depth01 {color__:#1263a8; color:#31629c; background:#f6f7f8 url(../images/common/snb_on_2.png) 90% 48% no-repeat;}
.user_snb>li ul.snb_depth02 {display:none;  padding:6px 0 9px 0; border:1px solid #d7d7d7; background-color:#edf1f4;}
.user_snb>li ul.snb_depth02 li {border:none;}
.user_snb>li ul.snb_depth02 a {font-size:13.5px; color: #676767; font-weight:400; background:url(../images/common/snb_dep2_off.png) 22px 50% no-repeat;  display: block; padding: 3px 5px 3px 30px;}
.user_snb>li ul.snb_depth02 a:hover, .user_snb>li ul.snb_depth02 a.active {color:#449f90; background:url(../images/common/snb_dep2_on.png) 22px 50% no-repeat;}

/*회원가입*/
.m_step{margin-top:20px;}
.m_step:after{content:""; clear:both; display:block;}
.m_step>ul{text-align:center;}
.m_step>ul>li{font-size:18px; font-weight:400; color:#fff; letter-spacing:-1.5px; text-align:left; width: calc(25% - 42px); margin-right:25px; height:60px; padding:13px 0 0 20px; border-radius:3px; display:inline-block; position:relative;}
.m_step>ul>li:nth-child(1){background:#a2aeb5 url(../images/common/icon_mstep01.png) 90% 50% no-repeat;}
.m_step>ul>li:nth-child(2){background:#a2aeb5 url(../images/common/icon_mstep02.png) 90% 50% no-repeat;}
.m_step>ul>li:nth-child(3){background:#a2aeb5 url(../images/common/icon_mstep03.png) 90% 50% no-repeat;}
.m_step>ul>li:nth-child(4){background:#a2aeb5 url(../images/common/icon_mstep04.png) 90% 50% no-repeat;}
.m_step>ul>li:last-child{margin-right:0px;}
.m_step>ul>li:after{content:""; position:absolute; width:17px; height:28px; right:-23px; top:23px; display:block;
background:url(../images/common/mstep_direc.png) 0 0 no-repeat;}
.m_step>ul>li:last-child:after{background:none;}
.m_step>ul>li>span{font-family:'Malgun Gothic'; font-size:15px; font-weight:bold; letter-spacing:0px; display:block}
.m_step>ul>li.on{background-color:#28bad6}

.memw_title_area{background-color:#f2c241; text-align:center; padding:25px 10px;}
.memw_title{font-size:15px; color:#fff; font-weight:bold; background-color:#434343; border-radius:50px; padding:3px 20px;  margin-bottom:13px; display:inline-block}
.memw_warning{font-family:'Noto Sans KR','Malgun Gothic'; font-size:20px; color:#2e2e2e; letter-spacing:-0.5px; line-height:25px;}
.memw_cont{margin:20px 20px 20px 25px;}
.memw_cont>dl.type01, .memw_cont>dl.type02{padding-left__:20px;}
.memw_cont>dl.type01{margin-bottom:22px; padding-bottom:30px; border-bottom:2px dotted #ddd;}
.memw_cont>dl.type02{}
.memw_cont>dl>dt{font-family:'Noto Sans KR','Malgun Gothic'; font-size:19px; color__:#2e2e2e; color:#007ab5; font-weight:bold;}
.memw_cont>dl>dt>span{/* color:#007ab5 */}
.memw_cont>dl>dd{font-size: 14px; color: #717171; font-weight: bold; letter-spacing: -0.5px; line-height: 18px; margin: 7px 0px 15px;}
.memw_cont>dl>a.btn{width:130px;}
.warning_text{font-size:13px; color:#171717; letter-spacing:-1px; font-weight:bold; padding:5px 10px; margin-top:35px; background:#f5f5f5;}
.warning_text>span{background: #ff9f00; border-radius: 100px; margin-right:5px;
font-size: 14px; color: #fff; width: 20px; height: 20px; display: inline-block; text-align: center;}

/*툴팁*/
.tooltip{position:relative; box-sizing:border-box;}
.show_cont>p{font-size:13px; color:#383838; font-weight:bold; text-align:center; letter-spacing:-1px; padding:3px 5px; margin-bottom:10px;
    background-color:#efefef; border-radius:3px;}
.show_cont ul.text{font-size:12px; color:#666; letter-spacing:-0.5px;}
.tooltip span.show_cont{background:#fff; border:1px solid #444; border-radius:2px; /*width:200px;*/ position: absolute; top:35px; left:0px; margin-left: 0px; padding: 10px 10px;
opacity: 0; filter: alpha(opacity=0); z-index:-1;
text-transform: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease;
transition: all 0.3s ease-in-out;}
.tooltip:hover span.show_cont {top:25px; left:0px; margin-left:-0px; z-index:99; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 5px;
opacity: 1; filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.tooltip:hover{cursor:pointer;}
.show_cont dl.text{padding:0 3px}
.show_cont dl.text dt{font-size:13px; letter-spacing:-1px; font-weight:bold; line-height:25px; margin-top:5px;}
.show_cont dl.text dd{line-height:20px; letter-spacing:-0.5px; padding-left:8px;}
.show_cont dl.text dd li{padding-left:8px; letter-spacing:-0.5px; padding-top:5px;}
.show_cont dl.text dd>span, .show_cont dl.text dd li>span{color:#0064b8; font-weight:bold;}
.user_wrap strong{font-weight:bold}

/*비대상 신고*/
.excep_title{border:3px solid #e4eaf5; padding:10px 20px; position:relative;}
.excep_title.ty02>h4>lable{font-size:12px; color:#be7502}
#content .right_content .excep_title>h4{margin:0; padding-left:20px; background:none}
.excep_tbl{background:#eff2f8; border:3px solid #e4eaf5; border-top:0px; padding:10px 10px; margin-top:-3px;}
.excep_tblin{background:#fff; padding:10px; border__:1px dotted #bfbfbf; box-shadow: 0px 1px 4px 0px rgba(82, 63, 105, 0.1);}
.excep_point.btn{position:absolute; left:4px; top:4px;}
.excep_point.btn.adm{position:absolute; left:1px; top:4px;}
.excep_point{position:absolute; left:26px; top:18px;}
.excep_point .circle_in {width:4px; height:4px; border:3px solid #ec5e57; border-radius:50%; position:absolute; top:-3px; left:-3px;}
.excep_point .circle {border:7px solid #fb9792; width:6px; height:6px; position:absolute; left:-8px; top:-8px;
    -webkit-border-radius:30px;
    -webkit-animation:pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;}
@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.user_wrap #content .right_content,
.user_wrap #content .right_content .navi, .user_wrap .right_content.popup {font-family:'Malgun Gothic',Dotum}
.user_wrap #content .right_content h3, .user_wrap #content .right_content h3.ty3, .user_wrap #content .right_content h4
{font-family:'Noto Sans KR', 'Malgun Gothic';}
dl.sanjeong{margin-top:20px; border:1px solid #ddd; padding:20px;}
.sanjeong_title{font-family:'Noto Sans KR', 'Malgun Gothic'; font-size:15px; color:#fff; font-weight:500; line-height:29px;letter-spacing:-1px; background-color:#ef8a03; border-radius:50px;
    display:inline-block; padding:0 20px;}
dl.sanjeong>dt{font-family:'Noto Sans KR', 'Malgun Gothic'; font-size:14px; color:#333; font-weight:400; padding:0 2px; margin:10px 0 7px 0; margin-top:10px;}
dl.sanjeong>dd{font-family: 'Malgun Gothic'; font-size:12.5px; color:#666666; font-weight:400; padding:0 12px 5px 18px;
background:url(/res/images/common/list_dotg.png) 10px 7px no-repeat;}

/*사이트맵*/
.tbl-type.sitemap{font-family:'Noto Sans KR', 'Malgun Gothic',Dotum; border-top:2px solid #878787;}
.tbl-type.sitemap th{font-size:17px; color:#2c2c2c; font-weight:bold; padding:25px 10px 25px 30px; vertical-align:top;}
.tbl-type.sitemap td{font-size:15px; color:#535353; font-weight:400; letter-spacing:-0.5px; padding:25px 90px 25px 35px; vertical-align:top;}
.sitemap_depth02{margin-top:-20px !important;}
.sitemap_depth02 > li{float:left; vertical-align:top; width:31.3%; margin:20px 2% 0 0; }
.sitemap_depth02 > li >a{display:block;}
.sitemap_depth02 > li >a:hover{color:#0e6c5c; text-decoration: underline;}




/* admin */
#wrap {width:100%; height:100%; margin:0 auto;}
/* tyGwon 19-12-12 #header #347736 -> #028cce */
#header{margin:0 auto; height:auto; border-bottom:1px solid #e1e2ec}
#header .bg {display:block; width:100%; height:4px; border-top:1px solid #1b4eac; }
#header .top {height:30px; background:#183064; border-bottom___:1px solid #ddd;}
#header .top .cont {width:1240px; min-width:1240px; margin:0 auto;}
#header .top h1 {float:left; margin-top:38px; position:relative; z-index:99}
#header .top .snb {float:right; margin-top:20px;}
#header .top .snb label {font-size:12px; color:#777; margin-top:3px;}
#header .top .snb label.le {border-left:1px solid #cecece; padding-left:8px; margin-left:5px;}
#header .top .snb span {display:inline-block; height:34px; font-size:12px; font-weight:bold; line-height:37px;}

#header .top.logout{background:#fff; border:0px;}
#header .top.logout h1{margin-top:10px;}

/*유틸메뉴 로그인 전*/
.util_menu{float:right; color:#333; margin-top:30px; position:relative; z-index:1;} /* 춘성 : 메뉴클릭안되서 position / z-index 추가 */
.util_menu span{display:inline-block; float:left; font-size:12px; color:#123d60; font-weight:bold;}
#header .top span.util_menu_find{width:95px; height:20px; background:url(/res/images/main/icon_login.png) 0 -2px no-repeat; text-indent:22px;  margin-top:20px;}
#header .top span.util_menu_authentication_login{width:100px; height:20px; margin-right: 5px; background:url(/res/images/main/icon_authentication.png) 0 -2px no-repeat; text-indent:22px;  margin-top:20px;}
#header .top span.util_menu_join{width:100px; height:20px; background:url(/res/images/main/icon_join.png) 0 -2px  no-repeat; text-indent:22px;   margin-top:20px;}
#header .top span.util_menu_support{width:90px; height:32px; line-height:32px;  background:#2676d5; color:#fff; text-align:center;  margin-top:12px; position:relative;} /* 춘성 : 메뉴클릭안되서 position추가 */
#header .top span.util_menu_admin{width:90px; height:32px; line-height:32px;  background:#173c8d; color:#fff; text-align:center;  margin-top:12px;}
#header .top span.util_menu_admin a, #header .top span.util_menu_support a{display:block; /* color:#fff; */}

/*1001 wcs admin gnb*/
.menu_area_adm {width:1350px; margin:0 auto; position:relative;}/*opensys 수정, 기존 메뉴 개수 7에서 8로 바꾸면서 margin-left 조정 1230 -> 1350*/
.menu_area_adm:after{content:""; display:block; clear:both}
.gnb_user_area{float:right;}
.admin_info_txt, .ad_user, .gnb_btn_area>li>a, .gnb_btn_area>li>a:visited, .gnb_btn_area>li>a:active
{float:left; font-size:12px; color:#eee; letter-spacing:-0.5px; display:inline-block; line-height:30px; padding:0 12px 0 12px;}
.ad_user{line-height:28px;}
.ad_user>strong{text-indent:25px; font-weight:normal;}
.gnb_btn_area>li>a:hover{color:#fff}
.ad_user{position:relative; }
.ad_user>strong{cursor:pointer; color_:#2676d5; margin-right_:3px; padding:0 30px 0 0px; background:url(/res/images/main/user_arrow.png) 98% 50% no-repeat; }
.mypagebox{display:none; background-color: #fff; border:1px solid #ddd; border-top:0px; border-radius:0 0 5px 5px; color:#666; text-align:left;
    position:absolute; right:0; top:30px; width:190px; z-index:1000; box-shadow: 0px 10px 10px 0px rgba(82, 63, 105, 0.15);}
.mypagebox>dl{padding:10px 0 10px}
.mypagebox>dl>dt{font-size:13px; color:#666666; line-height:17px; padding:0 10px 9px 57px; border-bottom:1px dotted #ddd;
background:url('../images/main/icon_admin_2.png') 18px 3px no-repeat;}
.mypagebox>dl>dt>strong{display:block; color:#2676d5;}
.mypagebox>dl>dd{margin:7px 20px 0px 20px;  position: relative;}
.mypagebox>dl>dd>li{font-size:13px; height:24px; line-height:22px; text-align:left; letter-spacing: -0.5px;
background:url('../images/common/status_direc.png') 96% 50% no-repeat;}
.mypagebox>dl>dd>li>a{color:#525252; display:block;}
.mypagebox>dl>dd>li>a:hover{color:#2676d5; text-decoration:underline}
.mypage_btn{background:#f5f5f5; border-top:1px solid #ddd; padding:10px; text-align:center;}
.mypage_btn>a, .mypage_btn>a:visited, .mypage_btn>a:active{color:#fff; padding:7px 15px; border-radius:3px; background:#2676d5}
.gnb_btn_area{float:left; }
.gnb_btn_area>li{float:left; line-height:24px;}
a.admin_time, a.levybtn, a.wdmbtn{font-size:12px; color:#fff; letter-spacing:-0.8px; line-height:29px; float:left; padding:0 12px; display:inline-block; }
a.admin_time{background:#eb6909;}
a.admin_time > span.timer{font-size:15px; letter-spacing:0px;}
a.levybtn{background:#2676d5; line-height:30px;}
a.wdmbtn{background:/*#51a72a*/ #58bee2; color:#fff !important}
.gnb_btn_area, .gnb_user_area > a{vertical-align:middle}


#header .depth_1 {float:left; text-align:center;}
.gnbWrap {width:100%;}
.gnb_sub {display:none;}
.sub-menu-layer {width:100%; position:absolute; height:250px; border-top:1px solid #ddd; border-bottom:1px solid #333; z-index:100; background:#f3f4f7}
.gnb li.depth_1 .sub-menu {position:absolute; z-index:1000; text-align:left; margin-left: 218px;}
.gnb li.depth_1 .sub-menu>ul>strong{position: relative; font-size: 14px; color: #333; letter-spacing: -0.5px; line-height: 25px; margin:10px 8px;
display: block; padding: 2px 5px 2px 8px; border-radius: 2px;}
.gnb li.depth_1 .sub-menu li {text-align:left; line-height:20px; padding:5px 0px; margin-left:1.5px; height:20px;}
.gnb li.depth_1 .sub-menu li:first-child {margin-top:0;}
.gnb li.depth_1 .sub-menu li:hover {background:none; background: #fff url(../images/common/status_direc.png) 95% 50% no-repeat; padding-left: 0px; width: calc(100% - 2px);}
#sub01 li {margin-left:0;}
.gnbWrap .gnb .depth_1 a {cursor:default;}
.gnbWrap .gnb .depth_1 .sub-menu a {font-size:13px; color:#666; cursor:pointer; padding-left:15px; letter-spacing: -0.5px;}
.gnbWrap .gnb .depth_1 .sub-menu li:hover a { display:block; color:#333; }
#header .gnb-2{overflow:hidden; float:right; }
#header .gnb-2:after{content:""; dispaly:block; clear:both;}
#header .gnb-2 > li{cursor:pointer;}
.gnb-2 li:nth-child(1) div{left:0px;}
.gnb-2 li:nth-child(2) div{left:calc((1240px - 60px)/8);}/*opensys 수정, 기존 7에서 8로*/
.gnb-2 li:nth-child(3) div{left:calc(((1240px - 60px)/8)*2);}
.gnb-2 li:nth-child(4) div{left:calc(((1240px - 60px)/8)*3);}
.gnb-2 li:nth-child(5) div{left:calc(((1240px - 60px)/8)*4);}
.gnb-2 li:nth-child(6) div{left:calc(((1240px - 60px)/8)*5);}
.gnb-2 li:nth-child(7) div{left:calc(((1240px - 60px)/8)*6);}
.gnb-2 li:nth-child(8) div{left:calc(((1240px - 60px)/8)*7);}

#header .gnb-2 > .depth_1 {float:left; text-align:center; line-height:61px;}
#header .gnb-2 .depth_1 > a {font-size:17.5px; font-weight:bold; text-align:center; color:#494949; letter-spacing:-0.5px; padding:0 33px;}
.gnb-2 li ul {width:calc((1240px - 60px)/8); max-width: 1240px; margin-right: -620px; margin: auto; padding-top:5px; border-right:1px solid #ddd }/*opensys 수정, 기존 메뉴 개수 7에서 8로 바꾸면서 200 - >60으로 조정*/
.gnb-2 li:first-child ul{border-left:1px solid #ddd}

#content.sub {width:1230px; margin:30px auto;}
#content.sub:after{content:""; display:block; clear:both;}








/* admin 왼쪽메뉴 */
#content .left_menu {float:left; width:200px;}
.left_menu .menu a{cursor:pointer;}
/* #cde3f5 #e3e8f1 */
/* tyGwon 19-12-12 left_menu h3 #3b8d27  -> #028cce */
.left_menu h3 {/* width:208px; */ height:72px; background:#31629c url(/res/images/main/lnb_back_2.png) 67px top no-repeat; background-size___:100%;  font-size:21px; color:#fff; line-height:75px; letter-spacing:-1px; text-align:center;}
.left_menu ul {overflow:hidden; /* width:208px; */}
.left_menu ul li ul{background:/* #dee4dd */#f4f4f4;}
.left_menu .menu .hide{display:none;}
#content .left_menu li {border:1px solid #c7c7c7; border-top:0;}
#content .left_menu li a {display:block; /* width:190px; */ padding:13px 10px;
background:url(../images/common/left_menu_bg.png) 92% 20px no-repeat; color:#444; font-size:15px ; font-weight:bold}
/* tyGwon 글자색 레프트 19-12-12 left_menu h3 #3b8d27 -> #0179b6 */
#content .left_menu li.on > a {background:url(/res/images/main/lnb_bullet_overthree.png) 92% 20px  no-repeat; color:#0179b6;}
#content .left_menu li ul {padding:7px-0; font-size:14px; border-top:1px solid #c7c7c7; border-left:0;}
#content .left_menu li ul li {border:0; background:none; padding:6px 10px;}
#content .left_menu li ul li:first-child {padding-top:7px;}
#content .left_menu li ul a { background:none !important; padding:0; font-size:13px; color:#666; font-weight:normal}
#content .left_menu li ul a.active{font-weight:bold; color:#0179b6; font-weight:bold;}

#content .right_content {float:left; float:right; width:990px; min-height:450px; /* margin-left:55px; */}
/* #content .right_content h4.title{ margin:25px 0 10px 0; background:url(../images/common/h4_title.png) left no-repeat; padding-left:15px; color:#062856; font-size:16px; } */
#content .right_content.ty2 {position:static !important;}
#content .right_content.center {margin:0 auto; width:990px;float:none}
#content .right_content .content_header /*1001*/{overflow:hidden; /* width:990px; */ padding:0px 0 12px; border-bottom:1px solid #cdcdcd;}
#content .right_content h3 /*1001*/{font-size:27px; color:#292929; line-height:25px; float:left; /* margin-top:10px; */ letter-spacing:-2px;}
.btn_help {background:/* #347736 */#1585bb url(../images/common/help_icon.png) 10px 5px no-repeat;
    height: 22px; line-height: 23px; padding: 0 9px 0 23px; margin-left: 3px; display: inline-block; border-radius: 3px; vertical-align: middle;
    font-size: 12px; color: #fff; letter-spacing: -0.5px; margin-top: -2px;}
#content .right_content h3.ty3 {float:left; padding-right:13px; border-right:1px solid #ccc; margin-right:13px; margin-top__:8px;}
#content .right_content h3.ty2 {float:left;  font-size:30px; color:#0e4986; padding-right:13px; border-right:1px solid #ccc; margin-right:13px}
#content .right_content span.h_txt/*1001*/ { float:left; padding-top:8px; font-size:13px; /* font-family:'돋움'; */ color:#555555 }
#content .right_content h4 { margin:25px 0 7px 0; background:url(../images/common/h4_bg.gif) left no-repeat; padding-left:15px; color:#333; font-size:15px; }
#content .right_content h4:after{content:""; display:block; clear:both}
#content .right_content h4.title{ margin:25px 0 7px 0; background:url(../images/common/h4_title.png) left no-repeat; padding-left:15px; color:#062856; font-size:16px; }
#content .right_content h4.ty2 { color:#062856 }
#content .right_content .navi /*1001*/{float:right; font-family:'돋움'; font-size:12px; color:#555; margin-top:10px;}
#content .right_content.popup {/* margin:2% !important; clear:both; width:96%; */ min-height:100px; margin:0% !important; clear:both; width:calc(100% - 46px); border:3px solid #235692; padding:0 20px 25px;}
#content.chrome .right_content.popup {/* margin:2% !important; clear:both; width:96% */}
#content .right_content.popup.excep {margin:0% !important; clear:both; width:100%}
#content.chrome .right_content.popup.excep {margin:0% !important; clear:both; width:calc(100% - 2px); border:1px solid #ddd }
#content.firefox .right_content.popup {margin:2% !important; clear:both; width:96%}
#content .right_content .navi .home { padding-left:15px;background:url(../images/common/navi_home.jpg) left 50% no-repeat;}
#content .right_content .info_li {margin-top:20px; margin-bottom:10px;}
#content .right_content .info_li:after{content:""; display:block; clear:both}
#content .right_content .info_li li {background:url(../images/common/li-bg-ty2.gif) left no-repeat; padding:0 8px; color:#666; line-height:23px; font-size:13px; letter-spacing:-0.5px;}
#content .right_content .info_li_ty2 {margin-top:20px; margin-bottom:10px;}
#content .right_content .info_li_ty2 li { color:#666; line-height:23px; font-size:13px;}
#content .right_content .info_li_ty3 {margin-top:20px; margin-bottom:10px;}
#content .right_content .info_li_ty3 li { color:#666; padding:0; line-height:20px; font-size:12px;}
#content .right_content .info_t {font-size:12px; color:#666; line-height:20px; letter-spacing:-0.03em}
#content .right_content .ins_ico {margin-top:20px; overflow:hidden; margin-bottom:10px;}
#content .right_content .ins_ico dt {background:url(../images/ico/ins_ico.png) left no-repeat; padding:0 11px; color:#666; line-height:23px; font-size:12px; font-weight:bold;}
#content .right_content .ins_ico dd {color:#666; line-height:20px;}
#content .right_content .visit_title {background:url(../images/common/visit_title_bg.png) left no-repeat; margin-top:15px; padding:17px 10px 25px 170px; border-bottom:1px solid #cdcdcd}
#content .right_content .visit_title h4 {background:none; margin-top:0; padding-left:0; color:#065598; font-size:18px;}
#content .right_content .visit_title h4 span {color:#01294b}
#content .right_content .visit_title .v_txt {font-size:13px; color:#555; letter-spacing:-1px; margin-top:15px; line-height:20px;}
#content .right_content .map {border:1px solid #cdcdcd; padding:10px; overflow:hidden}
#content .right_content .map img {max-width:100%}
#container.pop.size900 { width:930px; margin:10px auto}
#container.pop.size900 .right_content {width:920px; margin:0 auto}
/* #content .title_sub {background:#184f93; border-radius:5px 5px 0 0; padding:15px 20px; font-size:15px; color:#fff; font-weight:bold;} */
#content .title_sub{background: #235692;
    border-radius: 0;
    padding: 15px 20px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    margin-left: -20px;
    width: calc(100% + 0px);
    border-bottom: 5px solid #d7d7d7;}
#content.pop .right_content h4 {font-size:14px; }
#content.pop .right_content th {padding:5px 8px;}


.menu_area_usr {width:1280px; /* width:1233px; */ margin:0 auto;}
.border_line {border:1px dashed #e5e5e5; width:99%; margin:10px auto}









/* 게시물 등록 */
.add_file {overflow:hidden; width:100%; border-top:1px solid #3d6ad7}
.add_file li {border-bottom:1px solid #d1d1d1; padding:10px; overflow:hidden; font-size:12px;}
.add_file li .size {border-left:1px solid #d1d1d1; padding-left:10px; font-size:11px; color:#be7502}
/* 회원가입 */
.join_title {margin-top:10px;background:url(../images/common/join_title_bg.png) 10px no-repeat; height:90px; padding:20px 10px;}
.join_title  h3 {margin:15px 0 10px 154px;}
.join_title p {color:#777; font-size:14px; margin-left:156px;}
.join_agree_area {position:relative; background:#f9f9f9; padding:30px; border-top:1px solid #6a91cc; border-bottom:1px solid #d4d4d4; overflow:hidden;}
.join_agree_area dl {overflow:hidden}
.join_agree_area .dot {border-top:1px dashed #cecece; padding-top:20px}
.join_agree_area dt {background:url(../images/common/join_agree_dt_ico.png) left no-repeat; padding-left:10px; font-size:15px; color:#333; font-weight:bold;}
.join_agree_area dd .agree {background:#fff; padding:20px; height:97px; margin-top:10px; border:1px solid #d6d6d6; overflow-y:auto; font-family:'Malgun Gothic'; font-size:14px;}
.join_agree_area dd label {float:right; margin-top:10px; font-family:'돋움'; color:#555; font-weight:bold; font-size:12px;}
.join_agree_area input[type="checkbox"] {width:13px; height:13px; border:1px solid #4e4e4e; border-radius:0;}
.join_agree_area .allcheck { border-top:1px dashed #cecece; padding-top:20px; margin-top:20px;}
.join_agree_area .allcheck label {float:right; font-family:'돋움'; color:#555; font-weight:bold; font-size:12px;}
.join_select {width:590px; margin:130px auto; text-align:center }
.join_select h3 {font-size:36px !important}
.join_select p { margin-top:10px; margin-bottom:20px; font-size:18px; color:#777;}
.point_info {background:url(../images/common/point_ico.png) left 2px no-repeat; padding-left:20px; font-size:12px; color:#aa6615}
.adress_ex {overflow:hidden; margin-top:10px; padding:15px; border:1px solid #cccbcb; }
.adress_ex li {float:left; background:url(../images/common/join_ex_ico.png) left 5px no-repeat; margin-left:20px; padding-left:10px; font-size:12px; }
.adress_ex li:first-child {margin-left:0}

/* 인증서등록 */
.auth_li {overflow:hidden}
.auth_li li { float:left; width:303px; height:90px; padding:20px 0px 20px 20px; border-radius:5px; background-size:323px !important;}
.auth_li li dl {margin:10px 0 0 100px;}
.auth_li li dt {color:#333; font-size:16px;}
.auth_li li dd {margin-top:7px; color:#777; font-size:13px; line-height:19px; letter-spacing:-1px;}
.auth_li li:nth-child(1) {background:url(../images/common/auth_li_bg1.png) no-repeat;}
.auth_li li:nth-child(2) {margin-left:10px;background:url(../images/common/auth_li_bg2.png) no-repeat;}
.auth_li li:nth-child(3) {margin-left:10px; background:url(../images/common/auth_li_bg3.png) no-repeat;}
.auth_li li:nth-child(3) dl {margin-top:5px;}
.auth_li_2dep {overflow:hidden;}
.auth_li_2dep li { float:left; width:443px; height:90px; padding:20px; background:#fcfcfc; border:1px solid #e2e2e2; border-radius:5px;}
.auth_li_2dep li:nth-child(1){background:#fcfcfc url(../images/common/auth_li_bg4.png) 95% 27px no-repeat;}
.auth_li_2dep li:nth-child(2){margin-left:20px;background:#fcfcfc url(../images/common/auth_li_bg5.png) 95% 27px  no-repeat;}
.auth_li_2dep li:nth-child(3){margin-top:10px; background:#fcfcfc url(../images/common/auth_li_bg6.png) 95% 27px  no-repeat;}
.auth_li_2dep li:nth-child(4){margin-left:20px; margin-top:10px; background:#fcfcfc url(../images/common/auth_li_bg7.png) 95% 27px  no-repeat;}
.auth_li_2dep li dl {margin:15px 0 0 0px;}
.auth_li_2dep li dt {font-weight:bold;color:#333; font-size:16px;}
.auth_li_2dep li dd {margin-top:7px; color:#777; font-size:14px; line-height:19px; letter-spacing:-1px;}
.auth_li_3dep {overflow:hidden; padding:20px; background:url(../images/common/auth_bg_03.png) no-repeat; background-size:990px; }
.auth_li_3dep .title { margin-bottom:10px; padding-left:10px; background:url(../images/ico/sms_ico.png) left no-repeat; color:#0b6c9e; font-size:14px;}
.auth_li_3dep ul {overflow:hidden}
.auth_li_3dep li:first-child {margin-left:0;}
.auth_li_3dep li { float:left; width:235px; height:80px; padding:20px 10px 20px 20px; margin-left:72px; background:#fff; border:1px solid #e2e2e2; border-radius:5px;}
.auth_li_3dep li p {margin:23px 0 0 98px; color:#777; font-size:13px; letter-spacing:-2px; line-height:20px;}
.auth_li_3dep .one li:nth-child(1){background:#fff url(../images/common/auth_li_bg8.png) 12% 23px  no-repeat;}
.auth_li_3dep .one li:nth-child(2){background:#fff url(../images/common/auth_li_bg9.png) 12% 23px  no-repeat;}
.auth_li_3dep .one li:nth-child(3){background:#fff url(../images/common/auth_li_bg10.png) 12% 23px  no-repeat;}
.auth_li_3dep .two li:nth-child(1){background:#fff url(../images/common/auth_li_bg11.png) 12% 23px  no-repeat;}
.auth_li_3dep .two li:nth-child(2){background:#fff url(../images/common/auth_li_bg12.png) 12% 23px  no-repeat;}

/* step */
.step_li {background:#f6f7f8 url(../images/common/step_bg.png) repeat; border-radius:5px; padding____:5px; text-align___:center; border_____:1px solid #c0c0c0}
.step_li:after{content:""; display:block; clear:both}
.step_li.num5 li{width:20%;}
.step_li.num4 li{width:25%;}
.step_li.num3 li{width:33%;}
.step_li.num3 li:first-child {width:34%;}
.step_li li {font-family:'Noto Sans KR', 'Malgun Gothic'; font-size:16px; font-weight:bold;
position:relative; float:left; height:40px; line-height:38px; border-radius:5px; }
.step_li.num4 li.on{width:25%; margin-right__:1%;}
.step_li li .num {width:30px; height:30px; display:inline-block; margin-left:15px; background:#b2b2b2; font-weight:bold; color:#fff; font-size:16px; line-height:29px; text-align:center; border-radius:5px;}
.step_li li .tit {margin-left:10px; color:#777;}
.step_li li:hover{cursor:pointer}
.step_li li.on {cursor: inherit}
.step_li li.on .ico, .step_li li:hover .ico {display:inline-block; position:absolute; top:10px; right:0; width:20px; height:30px;background:url(../images/common/step_ico.png) right no-repeat; }
.step_li li.on .tit, .step_li li:hover .tit {color:#fff; }
.step_li li.on .num, .step_li li:hover .num  {width:30px; height:30px; display:inline-block; background:#fff; font-weight:bold; font-size:16px; line-height:29px; text-align:center; border-radius:5px;}

.step_li li.on:nth-child(1),      .step_li li:hover:nth-child(1) {background:#9ebf03;}
.step_li li.on:nth-child(1) .num, .step_li li:hover:nth-child(1) .num {color:#9ebf03; }
.step_li li.on:nth-child(2),      .step_li li:hover:nth-child(2) {background:/* #13b893 */#18a899;}
.step_li li.on:nth-child(2) .num, .step_li li:hover:nth-child(2) .num {color:/* #13b893 */#18a899}
.step_li li.on:nth-child(3),      .step_li li:hover:nth-child(3) {background:#0e98bb;}
.step_li li.on:nth-child(3) .num, .step_li li:hover:nth-child(3) .num {color:#0e98bb}
.step_li li.on:nth-child(4),      .step_li li:hover:nth-child(4) {background:#a93fe0;}
.step_li li.on:nth-child(4) .num, .step_li li:hover:nth-child(4) .num {color:#a93fe0}
.step_li li.on:nth-child(5),      .step_li li:hover:nth-child(5) {background:#f0ad0c;}
.step_li li.on:nth-child(5) .num, .step_li li:hover:nth-child(5) .num {color:#f0ad0c}

.step_sticky {position:-webkit-sticky;}
.step_sticky>.step_li{margin-top:20px}
.step_sticky.sticky {position:fixed; width:100%; left:0; top:0; z-index:9989; margin-top:0px; border-bottom: 1px solid #ddd; background: #f6f7f8; box-shadow: 5px 3px 7px rgba(0,0,0,0.1); }
.step_sticky.sticky>.step_li,.step_sticky.sticky>.step_li li.on,
.step_sticky.sticky>.step_li li:hover{border-radius:0px; max-width:1230px; margin: auto;}

/* .step_sticky>.step_li.num4{text-align:center;}
.step_sticky>.step_li.num4>li{float:none; display:inline-block;}
.step_sticky>.step_li.num4>li, .step_sticky>.step_li.num4 li.on{width:calc(25% - 40px); margin:0 20px;} */
/* .step_sticky>.step_li.num4 li.on{broder-radius:50px;} */
/* .step_sticky>.step_li.num4 li:first-chile{margin-left:0px;}
.step_sticky>.step_li.num4 li:last-child{margin-right:0px;}
.step_sticky>.step_li.num4>li .num{margin-left:0px;} */

/* 이용약관 */
.agree {line-height:21px;}
.agree strong {font-size:14px; color:#555; line-height:30px;}
.agree p {font-size:12px;  color:#666; margin-top:10px;}
/* 로딩 */
.loading {position:relative; border:1px solid #ccc; border-radius:15px; width:988px; text-align:center; padding:15px 0px; height:35px; margin-bottom:25px; margin-top : 15px;}
.loading_txt {display:inline-block; height:50px;}
.loading div {}
.loading div span {font-size:20px; font-weight:bold; font-family:'NanumGothic'; line-height:20px; vertical-align:middle; }
.loading div.meg {float:left; background:url(/res/images/common/loading_clock.png) no-repeat; height:35px; padding-top:8px; padding-left:50px; margin-bottom:50px;}
.emp7 {color:#ff6633;}
.file_input {background:url(../images/common/file_add.png) no-repeat; width:78px; height:21px;}
.fileBox .fileName {display:inline-block;width:190px;height:30px;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #aaa;background-color:#fff;vertical-align:middle;}
.fileBox .btn_file {display:inline-block;width:80px;height:22px;font-size:0;line-height:30px;text-align:center;vertical-align:middle;background:url(../images/common/file_add.png) no-repeat}
.fileBox .excellup {display:inline-block;width:104px;height:26px;font-size:0;line-height:30px;text-align:center;vertical-align:middle;background:url(../images/common/excell_upload.png) no-repeat}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 주소검색 */
.id_search_area {width:844px; margin:100px auto;}
.id_search_area h3 {margin:0 0 10px 10px; text-align:left;}
.id_search_area h4 {margin-top:0 !important; color:#1c5aa4 !important; text-align:left;}
.id_search {width:407px; height:207px; float:left; text-align:center; }
.pw_search {width:407px; height:207px; float:left; margin-left:30px; text-align:center;}
.ad_area {padding:15px; width:40px; /*j*/height:44px; line-height:44px; text-align:center; border-right:1px solid #e5e5e5}
.id_area { padding:35px 22px 20px 22px; border:2px solid #d9d9d9; border-radius:10px;}

/* 제도소개 */
.institution {background:url(../images/common/institution.png) 10px no-repeat; margin-top:15px; padding:25px; border-bottom:1px solid #cdcdcd}
.institution dl {margin-left:170px;}
.institution dt {font-family:'Noto Sans KR', 'Malgun Gothic'; color:#065598; font-size:19px; font-weight:bold; }
.institution dt span {color:#1192a0; font-size:px;}
.institution dd {margin-top:20px; letter-spacing:-0.5px; line-height:20px; color:#555; font-size:13px; }
.title_bg {background:url(../images/common/top_bg_2.png) 10px no-repeat; margin-top:15px; padding:25px; border-bottom:1px solid #cdcdcd}
.title_bg dl {margin-left:170px;}
.title_bg dt {color:#065598; font-size:18px;}
.title_bg dt span {color:#13adbf; font-size:21px;}
.title_bg dd {margin-top:20px; letter-spacing:0px; line-height:20px; color:#555; font-size:13px; }
.title_bg.no2 {background:url(../images/common/top_bg_2.png) 10px no-repeat; }
.title_bg.no3 {background:url(../images/common/top_bg_3.png) 10px no-repeat; }
.title_bg.no4 {background:url(../images/common/top_bg_4.png) 20px no-repeat; }
.title_bg.no5 {background:url(../images/common/top_bg_5.png) 20px no-repeat; }
.title_bg.no6 {background:url(../images/common/top_bg_6.png) 15px no-repeat; }
.title_bg.no7 {background:url(../images/common/top_bg_7.png) 15px no-repeat; }
.institution2.no2 {background:url(../images/common/top_bg_2.png) 10px no-repeat; margin-top:15px; padding:25px; border-bottom:1px solid #cdcdcd}
.institution_info ul {width:100%; overflow:hidden}
.institution_info li {width:100%; padding:30px !important; border-top:1px dashed #c2c2c2;}
.institution_info li dl {margin-left:125px;}
.institution_info li dl dd {margin-top:20px;color:#555; line-height:20px;}
.institution_info li .in {margin-top:10px; width:91%;  padding:20px; background:#f9f9f9; border:1px solid #e5e5e5}
.institution_info li .in span {display:block;}
.institution_info li dt {font-weight:bold; text-decoration:underline; font-size:18px;}
.institution_info li:nth-child(1) {background:url(../images/common/institution_1.png) left no-repeat;}
.institution_info li:nth-child(1) dt {color:#78a222;}
.institution_info li:nth-child(2) {background:url(../images/common/institution_2.png) left no-repeat; padding:40px 30px !important;}
.institution_info li:nth-child(2) dt {color:#259ebc;}
.institution_info li:nth-child(3) {background:url(../images/common/institution_3.png) left no-repeat; padding:60px 30px !important;}
.institution_info li:nth-child(3) dt {color:#8464cf;}
.institution_in {margin-top:10px; width:91%;  padding:20px; background:#f9f9f9; border:1px solid #e5e5e5}
.institution_in li .in span {display:block;}
.institution_area {color:#555; line-height:20px;}
.member_info {width:562px; height:340px; margin:100px auto; background:url(../images/common/member_info2.png)}
.member_info_area { padding:35px 22px 20px 22px; border-radius:10px; text-align:center;}
.member_info h3 {margin:0 0 0px 20px; text-align:left;}
.member_info h4 {margin-top:0 !important; color:#1c5aa4 !important; text-align:left;}
.auth_info {width:562px; height:340px; margin:100px auto; background:url(../images/common/member_info2.png)}
.auth_info_area {font-size:12px; line-height:30px; margin:91px 0 0 21px; color:#444; font-family:'굴림' }
.auth_info_area p {margin:25px 0 0 70px;}

/* 그리드 */
.grid2 {border:1px solid #dbdbdb; padding:10px;}

/* 이행절차 */
.fulfi_bg {background:#f9f9f9; padding:2%; width:96%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.fulfi_bg ul {background:url(../images/common/fu_bg_c.png) no-repeat; background-size:100%; width:100%; height:448px;}
.fulfi_bg ul li {clear:both; overflow:hidden;}
.fulfi_bg ul li .title {float:left; width:128px; color:#fff; letter-spacing:-1px; font-size:23px; font-weight:bold;}
.fulfi_bg ul li .txt {float:left; width:740px; margin:30px; letter-spacing:-0.03em; font-size:12px; color:#555;}
.fulfi_bg ul li:nth-child(1) .title{margin:20px;}
.fulfi_bg ul li:nth-child(1) .txt {margin:15px 0 12px 33px; line-height:20px;}
.fulfi_bg ul li:nth-child(2) .title{margin:20px;}
.fulfi_bg ul li:nth-child(2) .txt {margin:15px 0 12px 33px; line-height:20px;}
.fulfi_bg ul li:nth-child(3) .title{margin:20px;}
.fulfi_bg ul li:nth-child(3) .txt {margin:15px 0 12px 33px; line-height:20px;}
.fulfi_bg ul li:nth-child(4) .title{margin:20px; font-size: 21px !important;}
.fulfi_bg ul li:nth-child(4) .txt {margin:15px 0 12px 33px; line-height:20px;}
.fulfi_bg ul li dt {float:left; margin:27px 0 0 150px; color:#555; font-weight:bold;}
.fulfi_bg ul li dd {float:left; margin:17px; line-height:20px; font-size:12px; color:#666; }
.fulfi_bg2 { margin-top:20px; height:418px; background:url(../images/common/fulfi_bg2_c.png) no-repeat; background-size:100%; width:100%;}
.fulfi_bg2 ul {overflow:hidden}
.fulfi_bg2 ul li {clear:both; overflow:hidden;}
.fulfi_bg2 .title {background:url(../images/ico/sms_ico.png) left 9px no-repeat; font-size:14px; letter-spacing:-1px; margin:15px 20px; font-weight:bold; padding-left:10px; color:#0b6c9e}
.fulfi_bg2 .left {width:496px; float:left;}
.fulfi_bg2 .right {width:487px; float:left;}
.fulfi_bg2 ul li .title {float:left; width:128px; color:#fff; background:none; letter-spacing:-2px; font-size:18px; font-weight:bold;}
.fulfi_bg2 ul li .txt {float:left; width:290px; margin:13px 0 15px 0px; letter-spacing:-0.03em; font-size:12px; color:#555;}
.fulfi_bg2 ul li:nth-child(2) .title {margin-top:25px;}

/* 검색 */
.search_area {clear:both; position:relative; /* background:#f9f9f9; */  border-top_________:1px solid #6a91cc;/*  border-bottom:1px solid #d4d4d4; */ overflow:hidden;}
.search_area ul {width:90%; margin-left:10px; overflow:hidden; padding:5px 0 10px 0;}
.search_area ul li {float:left; width:47%; padding:4px 5px; font-size:12px; color:#585858}
.search_area ul li .title { float:left; width:90px;  background:url(../images/ico/search_ico.png) left no-repeat; padding-left:10px; letter-spacing:-1px; text-align:left; font-size:13px; color:#444; font-weight:bold;}
.search_area ul li .in {float:left; max-width:830px; margin:0px 0 0 10px;}
.search_area .btn_ty1 {position:absolute; bottom:12px; right:15px}
.search_area .one_depth {width:100%; /*j*/padding:7px 0 5px 0;}
.search_area .one_depth li {width:45%;}
.search_area .two_depth {width:100%;}
.search_area .two_depth li {width:32%;}
.search_area .three_depth {width:100%;}
.search_area .three_depth li {width:30%;}
.search_area select, .search_area {margin-top:-1px;}
.search_area .datearea input {margin-top:0px;}
.search_area dl.join{width:500px; margin:0 auto; overflow:hidden; padding:10px 0;}
.search_area dl.join .btn_ty1 {position:static; height:19px; line-height:19px; margin-left:7px; margin-top:-1px;}
.search_area dl.join dt {float:left; font-family:'돋움'; margin:3px 10px; font-weight:bold; font-size:12px; color:#555;}
.search_area dl.join .person {font-family:'돋움'; margin:3px 10px; font-weight:bold; font-size:12px; color:#555;}
.search_area dl.join dd {float:left; color:#555;}
.borad_search {position:relative; padding:15px 30px; background:#f9f9f9; border-top:1px solid #6a91cc; border-bottom:1px solid #d4d4d4; overflow:hidden;}
.borad_search input {padding:4px 3px 4px; width:78%; vertical-align:middle}
.borad_search select {vertical-align:middle}
.search_area.ty02{background:#f9f9f9; border:1px solid #cccbcb}
.user_wrap .borad_search {background:#f6f7f8; border:1px solid #d7d7d7; padding:17px 20px; margin-bottom:5px;}

/*검색 테이블 시작 2018_02_20 */
.search_area2{width:100%; height:40px; background:#fff; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc;}
.search_area2 .title{width:130px; height:40px; text-indent:15px; background: url(/res/images/main/bullet_blue.gif) 10px 18px no-repeat;  line-height:40px; font-size:14px; font-weight:bold; float:left;  text-align:center; color:#13426a; }
.search_area2 .in{width:240px; height:40px; line-height:35px;   padding-left:10px; float:left;}
.search_area2 .in input{height:20px; border:1px solid #dbdbdb; }
.search_area2 .btn_ty1{margin-top:7px;}

/*검색 테이블 시작 2018_02_22 */
.search_area table{width:100%; height:auto; position:relative; border-top:1px solid #333;  font-family________:dotum; margin-bottom:10px;}
.search_area table th{width:/* 200px */190px;; height:35px; font-size:13px; color:#333; background:/* #eef3f6 */#f6f7f8; text-align:center; letter-spacing:-0.5px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.search_area table th:nth-child(1){border-left:0;}
/*.search_area table th:nth-child(3+n){border-left:0;}*/

.search_area table td{padding-left:10px; border-bottom:1px solid #ddd; font-size:12px; background:#fff;}
.search_area table td input[type="text"] {width:178px; padding:3px 5px; /* border:1px solid #d3d1d1; */ border:1px solid #ddd; border-radius:2px;}
.search_area table td input.Wid_108{width:75px; }
.search_area table td select{width:190px; height:25px;/* height:30px; */ border:1px solid #ddd; border-radius___:2px; color:#333; box-shadow__:0px 1px 0px rgba(0,0,0,0.1)}
.search_area table td select.Wid_100{width:84px; height:25px; }

/*날짜 지정 인풋  2018_02_22*/
.search_area table td p.Btn-Calendar{width:90px; float:left; position:relative;}
.search_area table td p.Btn-Calendar input{width:75px; }
.search_area table td p.Btn-Calendar span{position:absolute; top:3px; right:5px; width:11px; height:15px;}
.search_area table td em{float:left; width:10px; padding-left:2.5px; font-size:11px; margin-left:3px; margin-top:4px;}

/*라디오버튼 인풋  2018_02_22 */
.search_area table td input.Wid_13{width:13px; height:13px; margin:0 3px; }

/*조회버튼 처리 2018_02_22*/
.search_area .Btn-Inquiry{position:absolute; right:10px; bottom:16px; }
.right_content.popup .search_area .Btn-Inquiry{bottom:21px; }   /* 팝업은 버튼 위치 약간 다름 */

/* 한줄에 3개 */
.search_area.three table th {width:100px;}
.search_area.three table td input {width:100px;}
.search_area.three table td select{width:112px;}

.subway1 {border:1px solid #eaa426; border-radius:3px; color:#eaa426; font-size:11px; padding:2px; font-family:'굴림'}
.subway2 {border-radius:20px; display:inline-block; width:26px; height:16px; line-height:17px; border:1px solid #eaa426; text-align:center; color:#eaa426; font-size:11px; font-family:'굴림'}
.bus1 {border:1px solid #3886d4; background:#6ea2d7; border-radius:3px; color:#fff; font-size:11px; padding:2px;font-family:'굴림'}
.bus2 {border:1px solid #459911; background:#7eb161; border-radius:3px; color:#fff; font-size:11px; padding:2px;font-family:'굴림'}
.bus3 {border:1px solid #c00e00; background:#e14d43; border-radius:3px; color:#fff; font-size:11px; padding:2px;font-family:'굴림'}

/* hover layer */
.boxLayer {z-index:999; background:#fff; padding:5px 10px; border-radius:5px; border:1px solid #5d5d5d;}
.boxLayer li {padding-left:10px; background:#fff url(../images/common/li-bg-ty2.gif) left 3px no-repeat; font-size:12px; color:#666; line-height:20px;}
.boxLayer li li {background:none; margin-left:5px;}

/* 찾아오시는길 */
.map_li {width:730px}
.map_li li {float:left; width:365px;}

.error_list_1{width:385px; height:146px; margin:0 auto; padding:30px; background:url(../images/common/error_bg_1.png) 95% no-repeat; border:2px solid #2d80cd}
.error_list_1 .title {font-size:16px; color:#1c5aa4; font-weight:bold;}
.error_list_1 .txt1 {margin-top:20px; color:#555; line-height:18px; font-size:12px;}

.error_list_2{width:385px; height:146px; margin:0 auto; padding:30px; background:url(../images/common/error_bg_2.png) 27px 30px no-repeat; border:2px solid #2d80cd}
.error_list_2 .title { margin-left:130px; font-size:16px; color:#5b740b; font-weight:bold;}
.error_list_2 .txt1 { margin-left:130px; margin-top:20px; color:#555; line-height:18px; font-size:12px;}

.error_list_3{width:415px; height:172px; margin:0 auto; padding:15px; border:2px solid #2d80cd}
.error_list_3 .title { margin-left:0px; font-size:16px; color:#333; font-weight:bold;}
.error_list_3 .txt1 { margin-left:0px; margin-top:10px; padding:15px 0 23px 160px; background:#f8f8f8 url(../images/common/error_bg_3.png) 27px 30px no-repeat; border-top:1px solid #2d80cd; border-bottom:1px solid #eee; color:#555; line-height:18px; font-size:12px;}

.error_list_4 {width:740px; height:290px; padding:15px; background:#ededed; border:1px solid #bfbfbf}
.error_list_4 .inner {width:740px; height:290px; background:#fff url(../images/common/error_list_4_bg.png) 30px no-repeat;;}
.error_list_4 dl {overflow:hidden; padding:60px 0 0 330px;}
.error_list_4 dt {font-size:25px; color:#094595; text-decoration:underline; padding-bottom:5px;}
.error_list_4 dd {margin-top:10px; color:#555; font-size:14px; line-height:20px;}
.error_list_4 ul {overflow:hidden; margin:35px 0 0 330px;}
.error_list_4 li {font-family:'돋움'; margin-top:5px; font-size:12px; color:#555; font-weight:bold;}

.error_list_5 {width:740px; height:290px; padding:15px; background:#ededed; border:1px solid #bfbfbf}
.error_list_5 .inner {position:relative; width:740px; height:290px; background:#fff url(../images/common/error_list_5_bg.png) 30px no-repeat;;}
.error_list_5 dl {overflow:hidden; padding:60px 0 0 330px;}
.error_list_5 dt {font-size:25px; color:#094595; text-decoration:underline; padding-bottom:5px;}
.error_list_5 dd {margin-top:10px; color:#555; font-size:14px; line-height:20px;}
.error_list_5 ul {overflow:hidden; margin:35px 0 0 330px;}
.error_list_5 li {font-family:'돋움'; margin-top:5px; font-size:12px; color:#555; font-weight:bold;}
.error_list_5 .ico {position:absolute; right:40px; top:20px; display:inline-block; width:55px; height:54px; background:url(../images/ico/nabi.png) no-repeat;}

.sms_left {float:left; width:340px; }
.sms_left .conts { background:#f6f6f6; padding:17px; border:1px solid #cccaca}
.sms_right {float:right; width:630px; }
.sms_input {width:307px; height:237px; background:url(../images/common/sms_bg.png) no-repeat; border:1px solid #b5b5b5}
.sms_input textarea {width:285px; height:184px; margin:35px 6px 0 6px; border:0; font-size:12px}
.sms_right .conts { overflow:hidden;background:#f6f6f6; padding:14px; border:1px solid #cccaca}
.sms_right .conts .left {float:left; width:277px; height:354px;}
.sms_right .conts .left table td { padding:5px 4px;}
.sms_right .conts .right {float:left; width:321px; height:379px;}
.sms_right .number {overflow:hidden; width:90%; margin:10px auto; padding:10px; background:#edecec; border:1px solid #d0c6c6;}
.sms_right .number dt {float:left; background:url(../images/ico/search_ico.png) left no-repeat; padding-left:10px; font-size:12px; margin:3px 5px ; font-family:'돋움'; color:#333; font-weight:bold}
.sms_right .number dd {float:left;}
.sms_right .sms_input {height:358px; background:#dcdada url(../images/common/sms_bg.png) no-repeat}

.sms_popup {float:left; width:680px; }
.sms_popup .conts { background:#f6f6f6; padding:17px; border:1px solid #cccaca}
.sms_popup .conts { overflow:hidden;background:#f6f6f6; padding:14px; border:1px solid #cccaca}
.sms_popup .conts .right {float:left; width:321px; height:379px;}
.sms_popup .number {overflow:hidden; width:90%; margin:10px auto; padding:10px; background:#edecec; border:1px solid #d0c6c6;}
.sms_popup .number dt {float:left; background:url(../images/ico/search_ico.png) left no-repeat; padding-left:10px; font-size:12px; margin:3px 5px ; font-family:'돋움'; color:#333; font-weight:bold}
.sms_popup .number dd {float:left;}
.sms_popup .sms_input {height:358px; background:#dcdada url(../images/common/sms_bg.png) no-repeat}




.p_title {color:#0b6c9e; font-size:14px; background:url(../images/common/join_agree_dt_ico.png) left no-repeat; padding-left:10px; font-weight:bold;}

div.view_txt {line-height: 30px; min-height: 130px; padding: 0 20px 0 20px;}
div.view_txt p {padding: 10px 0 10px 0;}

.view_txt td {border: 1px solid #7481a5; line-height: 18px; padding: 6px 10px 8px;}
.view_txt li {list-style: inherit;}
dl.board_add_file {float: left; display: inline; width: 100%}

.loading {position:relative; border:1px solid #ccc; border-radius:15px; width:988px; text-align:center; padding:15px 0px; height:35px; margin-bottom:25px;}
.loading_txt {display:inline-block; height:50px;}
.loading div {}
.loading div span {font-size:20px; font-weight:bold; line-height:20px; vertical-align:middle; }
.loading div.meg {float:left; background:url(/res/images/common/loading_clock.png) no-repeat; height:35px; padding-top:8px; padding-left:50px; margin-bottom:50px;}

/* 스텝 */
.step {overflow:hidden}
.step li:first-child {margin-left:0px;}
.step li {float:left; width:202px; height:40px; background:url(../images/common/step_off_bg.png) no-repeat; margin-left:10px; line-height:43px; font-weight:bold; color:#777; font-size:16px}
.step li.on {background:url(../images/common/step_on_bg.png) no-repeat; color:#055599}
.step li .num {margin:0 15px 0 28px; color:#fff;}
.ui-widget {font-family: "Nanum Barun Gothic", "Nanum Gothic",'맑은고딕',Dotum,'Apple SD Gothic Neo' !important; font-size: 12px;}

/* 진행상태 */
.step1 {overflow:hidden}
.step1 ul{text-align:center;}
.step1 li:first-child {margin-left:0px;}
.step1 li {display:inline-block; text-align:left; width:156px; height:40px; background:url(../images/common/step_off_bg1.png) no-repeat; margin-left:5px; line-height:43px; font-weight:bold; color:#777; font-size:16px}
.step1 li.on {background:url(../images/common/step_on_bg1.png) no-repeat; color:#055599}
.step1 li .num {margin:0 15px 0 28px; color:#fff;}
.mapp_title{ border-radius:5px 5px 0 0; background:#f8f8f8 url(../images/common/h4_bg.gif) 10px no-repeat; padding:5px 5px 5px 25px; margin:25px 0 5px 0;  font-size:15px; color:#333; font-weight:bold; letter-spacing:-1px;}


/* 푸터 시작 */
.main #bottom{margin-top:40px;}
#bottom {width:100%; clear___:both; margin-top:50px; border-top:1px solid #dadada;}
.user_wrap #bottom {width:100%; margin-top:80px; border-top:1px solid #dadada;}
#bottom .company {width:1230px; margin:auto; overflow:hidden;position:relative;}
#bottom .company ul { margin:15px auto 12px; }
#bottom .company li {height:58px; display:inline-block; padding:0px 0px; margin-right:14px;}
#bottom .company li:last-child{border-right:1px solid #e4e4e4; padding-right:58px;}
/* #bottom .company li img {padding-top:6px; display:block;}
#bottom .company li:first-child {margin-left:0px;} */
.f_banner{width:100%; height:40px; background:#666666; font-family:dotum; }
.f_banner ul{width:1280px; height:40px; margin:0 auto; font-size:12px; font-weight:bold;  }
.f_banner ul li{float:left; width:150px; height:40px; line-height:40px; text-align:center; color:#fff;}
.f_banner ul li a{display:block; color:#fff;}
.infomation_bg{clear:both; width:100%; min-width:1230px; height:74px; padding-top:17px; background-color:#e9edf4;}
.infomation{width:1230px;  margin:0 auto; position:relative; }
.infomation .b_logo{width:230px; height:60px; float:left;  }
.infomation p.info{float:left; text-align:left; color:#666666; letter-spacing:-0.5px; font-weight:bold; font-size:13px; margin-top:7px; }
.infomation p.info span{display:block; color:#999999;  padding-top:3px; letter-spacing:0px; }
.infomation p.info em{font-weight:bold; color:#1b4eac; font-size:13px;}
.privacy_btn{cursor:pointer; font-size:15px; color:#53565c; font-weight:bold; letter-spacing:-1px; width:175px; height:58px; line-height:58px; padding:0 10px 0 20px; position:absolute; top:15px; right:0px; border:1px solid #dededf;
background:url('../images/main/btn_privacy.png') 89% 50% no-repeat;}
.privacy_btn:hover{border:1px solid #7c7c7c;}

/* user 푸터 시작 */
/* .user_wrap #bottom{border-top:0px; clear:both; margin-top:70px;}
.user_wrap #bottom .company {width:100%; margin:auto; overflow:hidden; border-top:1px solid #dadada; }
.user_wrap #bottom .company ul {width:1230px; margin:15px auto 12px; } */

/** 1001**/
/* id pw찾기  */
h3.ldfind{font-size:27px; color:#363636; font-weight:bold; letter-spacing:-2px; margin:0 0 3px 0; display:block}
h3.ldfind span{color:#31629c;}
.id_search_area.type02 {width:465px; margin:10px auto 10px;}
.id_search_text01{font-size:13px; color:#363636; letter-spacing:-1px; height:23px; display:block; padding:6px 0 10px 22px; background:url(../images/common/text-point01.png) 4px 8px no-repeat; }
.tbl-type.idfind{border-top:0px; border:4px solid #e0e0e0;}
.tbl-type.idfind input{width:98%; border: 1px solid #e9e9e9; height:30px; padding-left:5px; background-color:#f3f3f3;}
.tbl-type.idfind tbody th{padding: 17px 10px; text-align:center; font-size:13px; color:#282828}
.tbl-type.idfind tbody td{font-size:13px;}
.tbl-type.idfind td.birth_input>input{width:70px;}
.tbl-type.idfind input.idcheck{width:220px; display:inline-block;}
.id_search_text01.type02{font-size:14px; height:auto; margin-top:10px;}
.id_search_text02{clear:both; font-size:14px; color:#363636; letter-spacing:-1px; line-height:20px; margin:7px 5px 0;}
.id_search_text02 strong{font-size:15px; color:#184f93; letter-spacing:0px;}

/* 회원정보 회원탈퇴  */
.user_member01{width__:760px; margin:auto; padding: 70px 70px 70px 70px; margin-top:30px; border:1px solid #e0e0e0;}
.m_leave{background:url(../images/common/userinfo_img01.png) 50% 0 no-repeat; padding-top:155px; text-align:center}
.userinfo_chk{background:url(../images/common/leave_icon.png) 50% 0 no-repeat; padding-top:155px; text-align:center}
.m_leave_text01{font-size:27px; color:#242424; font-weight:bold; letter-spacing:-2.5px; }
.m_leave_text01 span{color:#0065ab}
.m_leave_text02{font-size:21px; color:#525252; letter-spacing:-2px; padding-top:10px; padding-bottom:50px; margin-bottom:50px; border-bottom:1px dotted #b1b1b1}

/*도움말*/
#content.chrome .right_content.helppopup {margin: 0;clear: both;width: 100%;}
.title_sub_help{background-image:url(../images/popup/pop_title.png), url(../images/popup/pop_titlebg.png); background-position:23px 23px, right 0; background-repeat:no-repeat; background-color:#115ca7;
padding:12px 22px 15px 40px; height:26px; font-size:22px; color:#fff; font-weight:bold; letter-spacing:-1px;}
.title_sub_help > a.pop_close{float:right; margin-top:-5px;}
.pop_close{background:url(../images/popup/pop_close.png) 0 0 no-repeat; width:31px; height:31px; font:0px; text-indent:-9999px;}
.popupin{border:3px solid #095ea6; border-top:4px solid #d8d8d8; padding:25px 25px 30px 25px; min-height:490px;}
h1.helpin_tit{font-size:27px; letter-spacing:-1px; padding:5px 5px 7px 10px; margin:20px auto 5px; background-color:#f8f8f8; border-top:1px solid #3d3d3d;}
h1.helpin_tit.first{margin:-1px auto 5px}
.helfin_scroll{overflow-y: scroll; border-bottom:1px solid #e5e5e5;}
.helpw_text01{clear:both; background-color:#efefef; font-size:15px; letter-spacing:-1px; padding:3px 5px; margin-bottom:10px; }

ul.info_txt{display:block; background-color:#f6f7f8; padding:15px; }
ul.info_txt:after{content:""; display:block; clear:both}
ul.info_txt li{background:url(../images/common/list_style01.png) 5px 8px no-repeat; color:#262626; font-size:13px; font-weight__:bold; line-height:22px; letter-spacing:-0.5px; padding-left:18px;}
ul.info_txt li .info_textin{color:#fff; background-color:#6ab847; padding:0 2px;}
ul.info_txt li .info_textin.red{color:#fff; background-color:#EB5050; }
ul.info_txt li .info_textin.blue{color:#fff; background-color:#5050FF; }
ul.info_txt li .info_textin.lblue{color:#fff; background-color:#54bbe6;}

ul.info_txt.icon_none {display:block; background-color:#efefef; padding:15px; }
ul.info_txt.icon_none li{background:none; color:#262626; font-size:13px; font-weight:bold; line-height:22px; letter-spacing:-0.5px; text-indent:0px;}
ul.info_txt.icon_none li .info_textin{color:#fff; background-color:#6ab847; }

.info-txt {font-family:'Malgun Gothic',Dotum; font-size:12px; color:#383737; display:inline-block; margin-top:8px; /*j  margin-top:20px; */}
.info-txt2 {font-size:12px; color:#444; letter-spacing:-0.5px }
.info-txt3 {font-size:13px; color:#666; letter-spacing:-0.5px; line-hegiht:20px;}
.info-txt4__ {font-size:12px; color:#444; font-weight:bold;}
.info-txt.countbg{background: url(../images/common/board_count.png) 0 3px no-repeat; text-indent:14px;}

ul.info_txt.ty02{border:1px solid #ebedf2; border-top__:0px;}
ul.info_txt.ty02 li{background: url(../images/common/list_style01.png) 5px 8px no-repeat; color__:#666; font-size:13px; font-weight:normal;}

ul.info_txt.ty03{background:none; padding:0px}
ul.info_txt.ty03 li{background: url(../images/common/li-bg-ty2.gif) 5px 9.5px no-repeat; padding-left:15px; color:#666; line-height:20px;}


.info-txt_t {font-size:12px; color:#383737; text-indent:13px; display:inline-block;
background: url(../images/common/board_count.png) 0 4px no-repeat;}/*2019.02.19 ejkim 임시*/
.scroll_helpwrap{height:392px; overflow-y:auto; border-top:1px solid #3d3d3d; border-bottom:1px solid #dadada; /* border-left:1px solid #dadada; border-right:1px solid #dadada */}
.tbl-type.tyhelp{border-top:1px solid #3d3d3d;}
.scroll_helpwrap>.tbl-type.tyhelp{border-top:0px;}
.tbl-type.tyhelp tr:hover{cursor: pointer; background-color:#f5f7f7;}
.tbl-type.tyhelp td:hover{color:#1460a2;}
.tbl-type.tyhelp td{text-align:center; border-right:none; font-size:13px; font-weight:bold; height:32px; background:none;}
.tbl-type.tyhelp td.help_icon{font-size:13px; color:#555555; font-weight:normal; line-height:18px; letter-spacing:-0.5px; background:url(../images/common/helppage_icon.png) 10px 15px no-repeat; text-align:left; padding:8px 15px 8px 35px;  }
th.tyhelp_title{font-size:15px; text-align:left; padding:10px 10px 10px 20px; height:30px;}
.tbl-type.tyhelp_view td.scroll_textarea{padding:0px;}
.tbl-type.tyhelp_view td.scroll_textarea .tyhelp_view_scroll{white-space: pre-line; height:289px; overflow-y:auto; font-size:13px; line-hegiht:16px; padding:20px;}
.tbl-type.tyhelp_view {width: 100%; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #e4e4e4; }
th.tyhelp_title {padding: 12px 15px !important; font-size: 15px; color: #3d3d3d; vertical-align: middle; letter-spacing: -1px;
border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; background: #f5f7f7;}
.btn_ty {position: relative; display: inline-block; line-height: 17px; font-size: 12px; color: #fff; font-weight: bold; letter-spacing: -0.3px; border-radius: 3px;}
.btn_tyblue2{background-color:#2d609f; padding:10px 40px; font-size:14px; }
.btn_tygray{font-size: 14px; background-color: #59646f; padding: 10px 40px;}
.right_content.helppopup .btn-area{margin-top:30px;}

/* 수입제조실적단계*/
.status{margin:20px auto 20px; clear: both; text-align:center}
.status:after{content:""; display: block; clear:both;}
.status>a{position: relative; width: calc(20% - 34px); height:44px;
font-size: 17px; color: #b9b9b9; font-weight: bold; text-align: center; letter-spacing:-1px;
display: table; float: left;  margin-right:32px; cursor: inherit;
border:4px solid #dde7f3; background-color: #edf2f8; border-radius: 10px;}
.status.ty02 > a{width: calc(25% - 44px); margin-right: 48px;}
.status>a.on{border:4px solid #b9ddd7; background-color:#31a893; color:#fff; cursor: pointer;}
.status>a.on>div>span{display: none;}
.status>a>div{display: table-cell; vertical-align: middle; line-height: 14px;}
.status>a:last-child{margin-right: 0px;}
.status>a:after{content: ""; position: absolute; display: inline-block; width: 17px; height: 28px; right: -31px; top: 22%; background: url(../images/common/direc_g.png) 0 0 no-repeat;}
.status.ty02>a:after{right: -39px;}
.status>a:last-child:after{background: none;}
.status>a > div>span{font-size: 12px; font-weight: 300; letter-spacing:0px; margin-right:7px; padding:1px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.step_text{min-height:77px; padding:0 0 0 220px; margin:20px auto 0; background:#cbf0fc; border-top:15px solid #f1f4fb; position:relative;}
.stepbg{width:194px; height:90px; overflow:hidden; background:url(../images/common/step_bg01.png) left bottom no-repeat; display:inline-block; position:absolute;
left:45px; bottom:-1px;}
.step_title{font-size:16px; color:#656565; letter-spacing:-1.5px;  padding:8px 5px 8px 3px;}
ul.step_textin>li{font-size: 14px; color: #4b4b4b; font-weight: bold; letter-spacing: -0.5px; line-height: 25px; float: left;
background-color: #fff; border-radius:3px; padding: 0 23px; margin-right: 15px;display: inline-block; position: relative;}
ul.step_textin>li:after{content: ""; position: absolute; display: inline-block; width:5px; height:7px; top: 10px; right: -10px;  background: url(../images/common/direc_sgray.png) 0 0 no-repeat;}
ul.step_textin>li:last-child:after{background: none;}

/*현황판*/
.status.ty03{margin:10px auto 10px;}
.status.ty03 > a{width:calc(13.5% - 1px); height:44px; margin-right:2px; border:3px solid #dde7f3; border-radius:5px;
    font-size:13px; color:#747474; letter-spacing:-1px; line-height:16px; cursor: pointer; position: relative;}
.status.ty03 > a.on{/* cursor: inherit !important; */ color:#fff; border:3px solid #b9ddd7; box-shadow: inset 0px 1px 4px #1e827c;}
.status.ty03 > a.off{cursor: inherit !important; color: #b9b9b9; background: #f6f6f6; border: 3px solid #ececec;}
/* .status.ty03 > a.pageon{cursor: inherit !important; color: #595959; background: #fff; border: 3px solid #31a893; box-shadow:inset 0px 1px 2px #c9c9c9;} */
.icon_on {border:5px solid #fff; background:#ff8100; height:7px; width:7px; border-radius: 30px; position: absolute;
    right:-3px; right:-1px\0/IE9; top:-3px; top:-1px\0/IE9;
    -webkit-animation: pulsate 1.2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.1; opacity: 1\0/IE9;}
@-webkit-keyframes pulsate {
	0%  {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100%{-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.status.ty03>a:after{background:none}
.status>a:last-child:after{background: none;}
.status.ty03>a>span{display: table-cell; vertical-align: middle;}
.status.ty03>a.exception{width:auto;  padding:0 20px; float:right; cursor: pointer; }
.status.ty03>a.exception.on{width:auto;  padding:0 20px; float:right; cursor: pointer !important; background: #3bac6b; border: 3px solid #8ac8a4; color:#fff; box-shadow:none}
.status_section{border:1px solid #ddd; background:#f7f7f7; clear:both; margin-top:5px;}
.status_section.ty02{border:1px solid #363636; background:#f7f7f7; clear:both; margin-top:5px; box-shadow: 0px 1px 1px 0px rgba(95,95,95,0.2);}
.status_cont01{position:relative; padding:5px 0 1px 210px; padding:6px 0 6px 220px\0/IE9; border-bottom__:1px solid #ddd;}
.status_cont01:first-child{padding-top:13px;}
.status_cont01:last-child{padding-bottom:8px;}
.status_cont01 > dt{font-size:16px; color:#3f3f3f; font-weight:600; letter-spacing:-1px; text-align:right;  position:absolute; left:0px; top:0px; width:190px; height:100%; padding-right:20px; background:#f0f1f5; border-right:1px solid #31b0a9; display: inline-block;}
.status_cont01 > dt >span{padding-top:35px; display:block;}
.status_cont01:first-child > dt >span{padding-top:40px; display:block;}
.status_cont01 > dt:after{content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #fff; position: absolute; top:40px; right: -8px; border: 4px solid #31b0a9;}
.status_cont01:first-child > dt:after{top:45px;}
.status_cont01 > dd{text-align: left; line-height:24px; font-size:15px; color:#333333; position: relative; padding-left:30px; background:url(../images/sub/list_style01.png)  0 9px no-repeat; }
.status_section textarea, .memo_area>textarea
{font-family:'Malgun Gothic',Dotum; font-size: 13px; color: #424242; line-height: 19px; letter-spacing:-0.5px; resize: vertical; padding: 5px 10px;}
.status_section textarea{width:95.5%; height: 75px; border: none;}
.status_cont01 > dd.exception{position:relative;}
dd.exception .textarea_dim{position: absolute; width:94.8%; height:96%; left:29px;  top: 0; bottom:6px; text-align: center; background-color: rgba(0, 0, 0, 0.3); border:1px solid #fff; z-index: 99;}
.textarea_dim>img{padding-top:37px;}
.status_cont01 > dd.exception>textarea{width:87%; height: 75px; padding-right:10%;}
a.inbtn{position: absolute; top: 11px; right: 33px;
display: inline-block; border: 1px solid #a3a3a3; border-radius: 4px; background: none;
background-image: linear-gradient(#fff 50%, #e2e2e2);
padding: 14px 9px 12px; line-height: 17px; font-family:'Malgun Gothic', Dotum; font-size: 12px; color: #444; font-weight: bold; text-align: center;}
.memo_area{margin:15px auto; padding:15px 0px; border-top:2px dotted #b2b2b2; border-bottom:2px dotted #b2b2b2; position: relative;}
.memo_area:after{content:""; display: block; clear:both;}
.memo_area>textarea{width:88.8%; height:75px; padding-right:10%;}
a.inbtn.ty02{font-size:13px; top:20px; left: 50%; width: 80px; margin-left: -40px; background-image: none; background: #edf2f8; border: 2px solid #fff;}
a.inbtn.ty03{top: 25px; right: 22px; width: 53px; line-height: 38px;}

.status_cout_section {position:relative; padding:80px 30px 70px; margin-top:20px; border:1px solid #d8d8d8; clear:both;}
.status_cout_section .line {content:""; display:block; width:100%; height:1px; background:#d8d8d8; position:absolute; top:160px; left:0;}
.status_cout_section ul.cout_sectionin {position:relative; width:100%; margin:0 auto; text-align:center;}
.status_cout_section ul.cout_sectionin:after {content:""; display:block; clear:both;}
.status_cout_section ul.cout_sectionin > li {display:inline-block; text-align:center; width:calc(25% - 17px); margin-right:15px; float__:left; position:relative;}
.status_cout_section ul.cout_sectionin > li:last-child{margin-right:0px;}
.status_cout_section ul.cout_sectionin > li:after {content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; top:76px; right:-6%; border:2px solid #d8d8d8; transform__:translateX(-50%);}
.status_cout_section ul.cout_sectionin > li:last-child:after {content:""; display:none;}
.status_cout_section ul.cout_sectionin > li > .status_cout02 {border-radius:50%; width:160px; height:160px; margin:auto; box-sizing:border-box; display: table; vertical-align: middle; text-align: center; position:relative; margin-bottom:30px; background-color: #fff; font-size:25px; color:#272727; font-weight: bold; letter-spacing: -1px;}
.status_cout_section ul.cout_sectionin > li > .status_cout02 > span{display: table-cell; vertical-align: middle; text-align: center;}
/* tyGwon 글자색 메인 19-12-12 a.cla_sty #3c883e -> #028cce */
a.cla_sty{color:#3e5b95}
.status_cout_section ul.cout_sectionin > li > .status_cout02::before{content:""; display:inline-block; width:180px; height:180px; box-sizing:border-box; border:1px solid #d8d8d8; border-radius:50%; position:absolute; z-index: -1; top:-22px; left:-22px; top:-10px\0/IE9; left:-10px\0/IE9;}
.status_cout02.cout_01{border:12px solid #2b6bc6; }
.status_cout02.cout_02{border:12px solid #49b7c7; }
.status_cout02.cout_03{border:12px solid #3c883e; }
.status_cout02.cout_04{border:12px solid #577768; }
.status_cout_section ul.cout_sectionin > li > p{font-size:18px; color:#272727; font-weight:bold; letter-spacing: -1.5px;}

/*2020*/
td.chkbox{padding:5px 0 5px 10px}
td.chkbox label{width:49%; display:inline-block; margin:1px 0;}
.pop_content{font-family:'Malgun Gothic','Noto Sans KR';}

.tbl-type.txt-c-th th{text-align:center;}
.company_type01{clear:both}
.company_type01:after{content:""; display:block; clear:both;}
.company_tbl>table{border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.company_type01>ul{display: -ms-flexbox; display: -webkit-flex; display: flex;}
.company_type01>ul>li{float:left; border-radius:3px; margin-right:7px; font-size:14px; color:#2c3d57; text-align:center; line-height:18px;  }
.company_type01>ul>li strong{display:block}

.company_type01>ul>li.com_name{width:150px; background-image:url(../images/common/company_icon01.png), linear-gradient(#9ae1ba, #fdf3ba);
background-repeat:no-repeat, repeat; background-position:50% 15px, 0 0; }
.company_type01 ul li.com_busi{width:150px; background-image:url(../images/common/company_icon02.png), linear-gradient(#ffc27b, #fdf3ba);
background-repeat:no-repeat, repeat; background-position:50% 15px, 0 0;}

.company_type01>ul>li.part_1{background-image:linear-gradient(#9ae1ba, #fdf3ba); background-repeat:repeat; background-position:0 0;
text-align:left; width:125px; padding:13px 20px;}
.company_type01>ul>li.part_1>p{background:url(../images/common/list_style_green.png) 0 7px no-repeat;}
.company_type01>ul>li.part_1>p,
.company_type01>ul>li.part_1>strong{padding-left:10px; margin-bottom:3px;}
.company_type01>ul>li.part_1>strong{font-size:15px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dashed #8fc991;}
.company_type01>ul>li.part_1>span>label{padding: 0 10px; line-height:23px; display:inline-block; border-radius:3px;}
.company_type01>ul>li.part_1>span>label>input[type="checkbox"]{width:18px; height:18px; margin-right:3px;}

.company_type01>ul>li.company_tbl{width:calc(100% - 280px); float:left; margin-right:0px; padding:0px; text-align:left;}
.company_type01>ul>li.company_tbl .tbl-type{border-top:1px solid #ddd}
.company_type01>ul>li.company_tbl .tbl-type th, .company_type01>ul>li.company_tbl .tbl-type td{padding:7px 10px; font-size:12px;}
.company_type01>ul>li.company_tbl .tbl-type th{text-align:center;}
.company_type01>ul>li.company_tbl td>strong{display:inline-block;}
.company_type01>ul>li.company_tbl td .i-dsc{letter-spacing:-0.5px;}
.company_type01.ty02>ul>li.company_tbl{width:calc(100% - 150px);}

.company_type01.ty03>ul>li.part_1{width:215px;}
.company_type01.ty03>ul>li.company_tbl{width:calc(100% - 250px);}
.company_type01.ty03>ul>li.part_1>strong{font-size:16px; margin-top:5px; margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.company_type01.ty03>ul>li.part_1____{padding-top:17px;}
.company_type01.ty03 .company_tbl .tbl-type td{padding:5px 10px}


.company_info_1{clear:both; position:relative; border:1px solid #eee; border-top___:1px solid /* #54bbe6 */#31629c; border-radius:3px; box-shadow_: 0px 1px 0px rgba(0,0,0,0.1);}
.company_info_1>table{border-top:1px solid #ddd;}
.company_info_1:after{content:""; display:block; clear:both;}
.company_info_1>ul{padding:15px 25px 15px 35px;}
.company_info_1>ul>li{font-size:14px; color:#666; display:inline-block;}
.company_info_1>ul.info_1>li{width:calc(20% - 13px); padding-right:10px;}
.company_info_1>ul>li>p{display:inline-block;}
.company_info_1>ul.info_1>li>span{font-size:15px; color:#424242; letter-spacing:-0.5px; font-weight:bold; display:block; margin-top:5px;}
.company_info_1>ul>li>span.type01{font-size:15px; color:/* #ff9200 */#31629c; letter-spacing__:0.5px;}
.company_info_1>ul>li:nth-child(3)>span, .company_info_1>ul>li:nth-child(4)>span{font-weight:0px;}

.company_info_1>ul.info_2{background:#f6f7f8; padding___:15px 25px; margin-top__:20px;}
.company_info_1>ul.info_2>li{width:100%; margin-bottom:6px;}
.company_info_1>ul.info_2>li:last-child{margin-bottom:0px;}
.company_info_1>ul.info_2>li>p{min-width:95px; display:inline-block; vertical-align:top; font-weight__:bold;}
.company_info_1>ul.info_2>li>span{font-size:13px; letter-spacing:0px; color_:#333; font-weight:normal; display:inline-block}

#zip1{text-align:center}
.company_info_1>ul.info_2>li>span>input{vertical-align:middle; border:0px;}
.company_info_1>ul.info_2>li>span>.btn_ty2.btn_grey{color:#444; background-color:#dcf0ff !important; border:1px solid #c8c8c8!important}

.info_more {/* position: absolute;right:0px;top:0px; */width:16px; height:16px;/* margin: 16px; */}
.buttonOpen {background-color:#fff; border-radius:1px; width:26px; height:27px; position:relative; top__: -3px;right__: 0;display: inline-block;border: 1px solid #ddd;vertical-align: middle;}
.buttonOpen:after,
.buttonOpen:before{content:""; background-color:#858585; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; position:absolute;}
.buttonOpen:after {width:10px; height:2px;  top:12px; left:8px;}
.buttonOpen:before{width:2px; height:10px; top:8px; left:12px;}

.buttonOpen:after {background-color: #858585;width: 10px;height: 2px;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;position: absolute;top: 12px;left: 8px;content:"";}
.buttonOpen.on:before {display:none}



.search_area_2{border:1px solid #eee; border-bottom:0px; border-radius:3px 3px 0 0; padding:15px 25px; background__:#f0f2f7; clear:both; }
.search_area_2:after{content:""; display:block; clear:both;}
.search_area_2.txt_c{text-align:center;}
.search_area_2.brd_b{border-bottom:1px solid #eee}
.search_area_2>ul>li{float__:left; display:inline-block; margin-right:10px; width__:20%; vertical:middle;}
.search_area_2>ul>li.date{width__:calc(100% - 65%); margin-right:5px;}
.search_area_2>ul>li>label, .search_area_2.ty02>ul>li>p>label,.search_area_2.ty02>ul>li>span
{font-size:13px; color:#666; text-align:left; font-weight:bold; margin-left:2px; display___:block;}
.search_area_2>ul>li>p{display:inline-block;}
.search_area_2>ul>li>p.Btn-Calendar{display:inline-block; position:relative}
.search_area_2>ul>li>p>select,.search_area_2>ul>li>p>input[type="text"]{font-family:'Malgun Gothic',Dotum !important; padding:0px; border-radius:3px; border:1px solid #ddd; box-shadow: 0px 1px 0px rgba(0,0,0,0.1);}
.search_area_2>ul>li>p>select{width:140px; height:37px; line-height:35px; padding:0 25px 0 15px; letter-spacing:-0.5px;}
.search_area_2>ul>li>p>select option{line-height:30px;}
.search_area_2>ul>li>p>input[type="text"]{width:130px; height:35px; line-height:33px; padding:0 15px; font-size:14px; letter-spacing:-0.5px;}
.search_area_2>ul>span{margin__:20px 0 0 0; display:inline-block; vertical-align: 2px;}
.search_area_2>ul>span>a.btn_ty1, .search_area_2>ul>a.btn_ty1{font-size:13px; width:45px; height:37px; line-height:36px; text-align:center;}
.search_area_2>ul>li>p.Btn-Calendar span{position:absolute; top:4px; right:4px; width:11px; height:15px; border:1px solid #ddd; border-radius:2px; padding:6px 8px;
background:#f8f8f8;}

.calendar-ui p.Btn-Calendar{display:inline-block; position:relative}
.calendar-ui p.Btn-Calendar input[type="text"]{width:130px; height:35px; line-height:33px; padding:0 15px; font-size:14px; letter-spacing:-0.5px;}
.calendar-ui p.Btn-Calendar span{position:absolute; top:4px; right:4px; width:11px; height:15px; border:1px solid #ddd; border-radius:2px; padding:6px 8px; background:#f8f8f8;}

.search_area_2.ty02{text-align:left; border-bottom:1px solid #ebedf2;}
.search_area_2.ty02>ul>li:last-child{margin-right:0px}
.search_area_2.ty02>ul>li>label{font-weight:bold;}
.search_area_2.ty02>ul>li>p>label{padding:0 15px; line-height:35px; display:inline-block; vertical-align:top; border-radius:3px; border:1px solid #ddd; box-shadow: 0px 1px 0px rgba(0,0,0,0.1);}
.search_area_2.ty02>ul.row_2{border-top:1px dashed #ddd; padding-top:15px; margin-top:15px;}
.search_area_2.ty02>ul.row_2.block>li{display:block;}
.search_area_2.ty02>ul.row_2>li>strong{color:#ff0000; display:inline-block;}
.search_area_2.ty02>ul>li>p>input[type="text"]{text-align:right; width:140px;}

.search_area_2.ty03>ul>li{vertical-align:top; margin-right:7px;}
.search_area_2.ty03>ul>li>label{display:block; margin-bottom:2px;}
.search_area_2.ty03>ul>li>p>input{width:100px;}
.search_area_2.ty03>ul>li>p>select{width:130px;}
.search_area_2.ty03>ul>a.btn_ty1{vertical-align:bottom}

.search_area_3:after{content:""; display:block; clear:both}
.search_area_3 label{font-size:14px; color:#333; letter-spacing:-0.5px; font-weight:bold; margin-right:5px; }
.search_area_3 select{font-size:14px; width:150px; height:37px; line-height:35px; padding:0 25px 0 15px; letter-spacing:-0.5px; border-radius:3px}


/*상세품목 일괄지정*/
.layer_container.type03 {border:5px solid #3571B5; padding:0; text-align: left;}
#detail_info .pop_content{margin-top:15px;}
.pop_subtext{font-size:13px; color:#666}
.search_area_2.detail_info{border:none; padding:25px 20px; background:#f7f8f8; border-radius:3px; margin:15px 0px}
.search_area_2.detail_info>ul>li>label{font-size:14px; color:#252525; min-width:70px; display:inline-block; padding-left:12px; background: url(../images/common/list_style01.png) 0px 7.5px no-repeat;}
.search_area_2.detail_info>ul>li{margin-bottom:5px;}
.search_area_2.detail_info>ul>li:last-child{margin-bottom:0px;}
.search_area_2.detail_info>ul>li>p>select{width:260px; margin-right:5px; padding-left:10px; }
.search_area_2.detail_info>ul>li>p>select option{padding:30px}
.search_area_2.detail_info>p{font-size:14.5px; letter-spacing:-0.5px; margin-bottom:15px; word-break:keep-all}
.search_area_2.detail_info>p>span{color:#31629c; font-weight:bold;}

.detail_info_slide{position:relative; display:block; overflow:hidden; padding:25px}
div.slide{position:absolute; opacity:0; transition_:1s opacity;}
div.slide.show{position:static; opacity:1; transition_:1s opacity;}
.detail_info_slide .next, .detail_info_slide .prev{color:#fff; position:absolute; background:rgba(0,0,0, .6); top:50%;
  z-index:1; font-size:2em; margin-top:-.75em; opacity:.3; user-select:none;}
.detail_info_slide .next:hover, .detail_info_slide .prev:hover{ cursor:pointer; opacity:1;}
.detail_info_slide .next{right:0; padding:1px 15px 9px 10px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.detail_info_slide .prev{left:0; padding:1px 15px 9px 10px; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.detail_info_slide .pbtn_area{margin-top:5px;}

/*설문조사*/
#popQuestion{padding:0px;}
.survey_wrap{border__:1px solid #f8f8f8; font-size:13px; margin: 0 20px;}
#content .survey_wrap .title_sub{font-family:'Noto Sans KR', 'Malgun Gothic'; font-size:21px; letter-spacing:-0.5px; color:#184f93; font-weight:bold;
 border-radius:0; padding:15px 0 0 0; background:none; margin-left:0; border-bottom: 0;}
.survey_wrap .info_txt{ font-size:14.5px; letter-spacing:-0.5px; display:block; background-color:none; border-bottom:2px solid #333; margin:0 0 15px 0; padding:5px 0 13px 0;}

.survey_wrap .necessary{}
.survey_wrap input[type="text"],.survey_wrap select,.survey_wrap textarea
{font-family:'Malgun Gothic',Dotum !important; padding:0px; border-radius:3px; border:1px solid #ddd;}
.survey_wrap input[type="text"],.survey_wrap select{font-size:13px; height:30px; line-height:28px; padding:0 5px; vertical-align:0; margin-left:5px; min-width:200px; }
.survey_wrap input[type="checkbox"],.survey_wrap input[type="radio"]{width:17px; height:17px; margin-right:7px}
.survey_wrap textarea{width:calc(100% - 12px); display:block; padding:0 5px; resize:vertical;}

.survey_wrap .survey_section{border-bottom___:1px dashed #ddd; border-radius:3px; margin-bottom__:25px; padding:0 0 15px;}
.survey_wrap .survey_title{font-size:15px; font-weight:normal; letter-spacing:-0.5px; padding:10px 10px 10px 30px; border-radius:0; margin-bottom:8px; background: #f6f7f8 url(../images/common/h4_bg.gif) 15px 50% no-repeat; border: 1px solid #ddd;}
.survey_wrap .survey_title>span{color:#ff0000; font-size:14px}
.survey_wrap .survey_section .row_1{min-height:34px; line-height:34px; margin:0 15px; font-size:14px; }
.p_bottom.ty02{padding:15px 10px 20px; margin-top:10px; border-top:1px solid #ddd;}


/*실적년도 선택*/
.declaration{display:flex; margin-top:12px; padding-top:12px; border-top:1px solid #eee; }
.declaration:after{content:""; display:block; clear:both}
.declaration>li{width:calc(50% - 25px); display:inline-block; text-align: center; padding:100px 10px 22px; display:table-cell;}
.declaration>li:hover{cursor: pointer; /* box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 5px; */}
.declaration>li>p{font-family:'Noto Sans KR', 'Malgun Gothic'; font-size:18px; color:#333; font-weight:bold; letter-spacing:-0.5px; }
.declaration>li>span{font-size:13.5px; color:#666; letter-spacing:-0.7px; margin-top:5px; display:block;}
.declaration>li:first-child{background: #f7f7f7 url(../images/common/declaration_icon_1.png) 50% 18px no-repeat; margin-right:12px;}
.declaration>li:last-child{background: #f7f7f7 url(../images/common/declaration_icon_2.png) 50% 18px no-repeat;}


.loading_dim{position:fixed; left:0; right:0; top:0; bottom:0; text-align:center; background-color:rgba(0, 0, 0, 0.5); z-index:999;}
.loading_wrap{width:245px; position:absolute; left:50%; margin-left:-142px; top:50%; margin-top:-90px; background:#fff; border-radius:5px; padding:20px 20px 15px}
.load_text01>li{font-family:'Malgun Gothic','Noto Sans KR'; margin-bottom:10px; line-height:20px; background:url(../images/common/list_style01.png) 2px 7px no-repeat; padding-left:13px; word-break: keep-all;}
.load_text01{font-size:14px; color:#333; letter-spacing:-1px; text-align:left; padding-bottom:10px; }


.left_banner{border:1px solid #eee}
.left_banner>dl{background:#e7f1f8; display:block; padding:17px 10px 17px 20px;}
.left_banner>dl>dt{font-size:19px; color:/* #184e8e */#333; font-weight:bold; line-height:22px; letter-spacing:-1px; margin-bottom:7px;}
.left_banner>dl>dd{font-size:13px; font-family:'Malgun Gothic','Noto Sans KR'; color:#666; letter-spacing:-0.5px; display:block;}
/* .left_banner>ul{background:#fff; padding:0 15px;}
.left_banner>ul>li{margin-bottom:2px; border-bottom:1px dashed #ddd;}
.left_banner>ul>li:last-child{margin-bottom:0; border-bottom:none;}
.left_banner>ul>li>a.btn_ty2{background:url(/res/images/common/btn_direc_2.png) 97% 50% no-repeat;
width:calc(100% - 10px); height:40px; line-height:40px; border-radius:3px; padding:6px 5px 7px; font-size:14.5px; border:0; letter-spacing:-0.5px}
.left_banner>ul>li>a.btn_ty2:hover{box-shadow:none; border:none;} */
.left_banner>ul{background:#f6f7f8; padding:10px 10px;}
.left_banner>ul>li{margin-bottom:5px;}
.left_banner>ul>li:last-child{margin-bottom:0; border-bottom:none;}
.left_banner>ul>li>a.btn_ty2{background:#fff url(/res/images/common/btn_direc_2.png) 93% 50% no-repeat;
width:calc(100% - 25px); height:45px; line-height:45px; border-radius:3px; padding:0px 10px 0px 15px; font-size:14.5px; border:1px solid #ddd; letter-spacing:-0.5px}
.left_banner>ul>li>a.btn_ty2:hover{box-shadow:none; }


/*가이드*/
.guide_tooltip{font-family:'Malgun Gothic', Dotum; position:relative; display:inline-block; z-index:991;}
/* .guide_tooltip:hover{cursor:pointer;} */
.guide_tooltip>p.target{}

.guide_tooltip span.show_box{background:#e3f3ff; border:1px solid rgba(0,0,0,.1); box-shadow:rgba(0, 0, 0, 0.2) 0px 10px 25px; border-radius:5px; position:absolute; text-align:left;
/* opacity:0; filter: alpha(opacity=0); z-index:-1; */ display:none;
/* text-transform: none; */
/* -webkit-animation: slide-down 1.8s ease-out;
-moz-animation: slide-down 1.8s ease-out; */}

/* @-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-10%); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-10%); }
    100% { opacity: 1; -moz-transform: translateY(0); }
} */
.guide_tooltip.top span.show_box{bottom:calc(100% + 40px); left:50%; transform:translate(-50%, 0);}
.guide_tooltip.bottom span.show_box{top:20px; left:50%; transform:translate(-50%, 0);}
.guide_tooltip.left span.show_box{top:50%; transform:translate(0, -20%); right:calc(100% + 15px)}
.guide_tooltip.right span.show_box{top:50%; transform:translate(0, -20%); left:calc(100% + 15px)}

/* .guide_tooltip:hover span.show_box {}
.guide_tooltip.top:hover span.show_box{bottom:calc(100% + 15px); left:50%; transform:translate(-50%, 0);}
.guide_tooltip.bottom:hover span.show_box{top:35px; left:50%; transform:translate(-50%, 0);}
.guide_tooltip.left:hover span.show_box{top:50%; transform:translate(0, -45%); right:calc(100% + 15px)}
.guide_tooltip.right:hover span.show_box{top:50%; transform:translate(0, -45%); left:calc(100% + 15px)} */

/* .guide_tooltip.top span.show_box:after, .guide_tooltip.bottom span.show_box:after,
.guide_tooltip.left span.show_box:after, .guide_tooltip.right span.show_box:after {content:""; position:absolute; display:block; border-color:#d3d3d3 rgba(0, 0, 0, 0); border-style:solid; width:0;}

.guide_tooltip.top span.show_box:after{left:50%; margin-left:-3px; bottom:-8px; border-width:7px 6px 0;}
.guide_tooltip.bottom span.show_box:after{left:50%; margin-left:-3px; top:-8px; border-width:0 6px 7px;}
.guide_tooltip.left span.show_box:after{right:-11px; top:50%; margin-top:-7px; border-top:6px solid transparent;
 border-left:7px solid #d3d3d3; border-bottom:6px solid transparent;}
.guide_tooltip.right span.show_box:after{left:-11px; top:50%; margin-top:-7px; border-top:6px solid transparent;
 border-right:7px solid #d3d3d3; border-bottom:6px solid transparent;} */

.guide_tooltip.top span.show_box:after, .guide_tooltip.bottom span.show_box:after,
.guide_tooltip.left span.show_box:after, .guide_tooltip.right span.show_box:after {content:""; position:absolute; display:block; border-color:#afc1cf rgba(0, 0, 0, 0); border-style:solid; width:0;}

.guide_tooltip.top span.show_box:after{left:50%; margin-left:-3px; bottom:-8px; border-width:8px 6px 0;}
.guide_tooltip.bottom span.show_box:after{left:50%; margin-left:-3px; top:-8px; border-width:0 7px 8px;}
.guide_tooltip.left span.show_box:after{right:-11px; top:50%; margin-top:-7px; border-top:6px solid transparent;
 border-left:7px solid #afc1cf; border-bottom:6px solid transparent;}
.guide_tooltip.right span.show_box:after{left:-11px; top:50%; margin-top:-7px; border-top:6px solid transparent;
 border-right:7px solid #afc1cf; border-bottom:6px solid transparent;}

.guide_tooltip .show_box{font-size:12.5px;}
.guide_tooltip .show_box>p{font-size:13px; color:#383838; font-weight:bold; text-align:center; letter-spacing:-1px; padding:3px 5px; margin-bottom:10px; background-color:#efefef; border-radius:3px;}
.guide_tooltip .show_box dl.text{padding:0 3px}
.guide_tooltip .show_box dl.text dt{font-size:13px; letter-spacing:-1px; font-weight:bold; line-height:25px; margin-top:5px;}
.guide_tooltip .show_box dl.text dd{line-height:20px; letter-spacing:-0.5px; padding-left:8px;}
.guide_tooltip .show_box dl.text dd li{padding-left:8px; letter-spacing:-0.5px; padding-top:5px;}
.guide_tooltip .show_box dl.text dd>span, .show_box dl.text dd li>span{color:#0064b8; font-weight:bold;}

.guide_cont{padding:0 13px 10px}
.guide_cont:after{content:""; display:block; clear:both;}
.tooltip_close{background: url(/res/images/common/btn_close_2.png) 50% 50% no-repeat; width:15px; height:15px; text-indent:-9999px; border:none; z-index:99; position:absolute; right:7px; top:7px;}
.tooltip_close:hover{cursor:pointer;}

.guide_cont>dt{font-size:14px; color:#333; font-weight:bold; letter-spacing:-1px; line-height:18px; display:inline-block; padding:7px 12px;}
.guide_cont>dd{font-size:13px; color:#666; letter-spacing:-0.5px; margin-top:7px; line-height:18px;}

.guide_cont>dt.bg{display:block; width:100%; margin-left:-12px; background-color:#fdfdfd; border-bottom:1px solid #eee;}

.guide_cont.ty02{padding:5px 10px 8px}
.guide_cont.ty02>li{display:inline-block; margin-top:3px; font-size:12px; color:#666; letter-spacing:-0.5px;}
.guide_cont.ty02>li>span{background:#6db4f2; color:#fff; text-align:center; font-weight:bold; letter-spacing:0px; margin-right:5px; display:inline-block; padding:0 2px;}

.guide_cont.img_1{padding:15px 15px 8px}
.guide_cont.img_1 .img{float:left; margin-right:10px; margin-left__:3px}
.guide_cont.img_1>p{display:inline;}
.guide_cont.img_1 .point_2{margin-top:5px;}
ul.text_1>li{font-size:13px; color:#666; font-weight:normal; letter-spacing:-0.5px; line-height:17px;}

.point_2{font-size:15px; color:#333; font-weight:bold; letter-spacing:-1px !important; display:inline-block;}
.point_2.line{position:relative; z-index:2; margin-bottom:10px}
.point_2.line:after{content: ""; width:102%; height:7px; border-width:19px; border-radius:10px; background-color:#6db4f2;
position:absolute; left:-2px; bottom:-3px; z-index:-1;}
ul.text_1>li.point_2{font-size:15px; color:#333; font-weight:bold;}

.g_btn{border-top:1px solid #eee; padding:8px 10px; margin-top__:10px; }
.g_btn.bg{background:#fff}
.g_btn.bg_2{background:#fdfdfd}
.g_btn{text-align:center}
.g_btn.right{text-align:right}
.g_btn.left{text-align:left}
.g_btn>a{font-size:12px !important; line-height:24px; padding:0 10px;}


.click_tooltip{display:inline-block; position:absolute;}
.arrow {font-family:'Malgun Gothic','Noto Sans KR', Dotum; font-size:15px; color:#fff; letter-spaicng:0px; font-weight:bold; text-align:center; display:block;
  padding___:0 10px; width:60px; line-height:29px; background:#5a7bef; border-radius:100px; position:absolute;}
.arrow:after{content:""; position:absolute; display:block; border-color:#5a7bef rgba(0, 0, 0, 0); border-style:solid; width:0; left:50%; margin-left:-5px; bottom:-5px; border-width:7px 6px 0;}

.bounce {bottom: calc(100% + 10px);
    left: 50%; margin-left___: -30px;
    transform__: translate(-50%, 0);

  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}


/* Hide default HTML checkbox */
.switch {position:relative;display:inline-block;width: 56px;height: 31px;}
.switch>label{}
.switch input{opacity:0; width:0; height:0;}
.slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#e8ebf1;
  -webkit-transition:.4s;
  transition:.4s;}
.slider:before {content:""; position:absolute; left:4px; bottom:4px; width: 24px; height: 24px; background-color:white;
  -webkit-transition:.4s;
  transition:.4s;}
input:checked + .slider {background-color: /* #1585bb */#5a7bef;}
input:focus + .slider {box-shadow__: 0 0 1px #2196F3;}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);}
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}
.slider.round p {font-family:'Malgun Gothic','Noto Sans KR'; font-size:13px; color:#5a7bef; font-weight:bold; margin-right:-23px; margin-top: 6px}
input:checked + .slider p {color:#fff; margin-right: 23px}

.guide_switch{position:fixed; top:165px; right:20px; z-index:9}
.guide_switchin{display__:table-cell; vertical-align__:middle; width__:58px; height__:100px; padding:15px 13px 20px;
background:#6da3fa; background-image:linear-gradient(/* #9ae1ba, #fdf3ba */#88b2e8 35%, #f5d7ed);
border-radius:20px 20px 50px 50px; text-align:center;}
.guide_switchin>p{font-family:'Malgun Gothic','Noto Sans KR'; font-size:14px; color:#fff; text-align__:left; font-weight:bold; letter-spaicing:-1px; line-height:18px; margin-top:10px;}
.go_top{border:1px solid #ddd; border-radius:100px; width:60px; height:60px; margin:10px auto 0; display:block; background:#fff url(/res/images/common/icon_top.png) 50% 50% no-repeat;}

/*간편신고*/
.item_info{border:1px solid #eee; border-radius:5px; margin-top:5px; padding:20px 20px 40px 20px; position:relative}
.item_info:after{content:""; display:block; clear:both;}
.item_info>ul.tabs{float:none; height:65px; border-bottom:0px; display:table; position:relative;}
.item_info>ul.tabs li{font-size:14px; width:calc((990px - 75px)/6); height:auto; line-height_: 25px; border:0; border-radius:3px; border:1px solid #ddd; padding:1px 0 0; box-shadow__:rgba(0, 0, 0, 0.08) 0px 1px 6px; margin-right:5px; display:table-cell; vertical-align:middle; transition: 0.5s ease;}
.item_info>ul.tabs li:last-child, .item_info>ul.tabs li:nth-child(6){margin-right:0px;}
.item_info>ul.tabs li:hover{border:1px solid #31629c; box-shadow:rgba(0, 0, 0, 0.08) 4px 4px 0px;}
.item_info>ul.tabs li>strong{font-size:14px; color:#31629c; display:block; line-height:35px; background:#f6f7f8; margin-top__:3px; transition: 0.5s ease;}
.item_info>ul.tabs li.active {background:none; color:#333 !important; border:1px solid #31629c; box-shadow:rgba(0, 0, 0, 0.08) 4px 4px 0px;}
.item_info>ul.tabs li.active>strong{background:#31629c; color:#fff}

/*간편신고(아이스팩 포함 7종품목)*/
.item_info>ul.tabs.item7 li{font-size:14px; width:calc((990px - 80px)/7); height:auto; line-height_: 25px; border:0; border-radius:3px; border:1px solid #ddd; padding:1px 0 0; box-shadow__:rgba(0, 0, 0, 0.08) 0px 1px 6px; margin-right:5px; display:table-cell; vertical-align:middle; transition: 0.5s ease;}
.item_info>ul.tabs.item7 li:last-child, .item_info>ul.tabs.item7 li:nth-child(7){margin-right:0px;}

.item_info>.tab_container>.tab_content{border-top:1px solid #eee; margin-top:20px; padding-top:20px; position:relative}
.item_info>.tab_container>.tab_content_show{display:block; border-top___:1px solid #eee; margin-top:20px; padding-top:20px; font-size:15px; color:#333; text-align:center; border:1px dashed #ddd; padding:30px 10px;}
.tab_content_show>span{font-weight:bold; color:#31629c}
.info_txt.item_info_txt>li {font-size:13px; background-position:5px 12px; margin-bottom:7px;}
.info_txt.item_info_txt>li:last-child{margin-bottom:0px}
.item_info_txt>li>select{height:28px; line-height:27px; padding:0 35px 0 3px; margin:-5px 7px 0 7px; letter-spacing:-0.5px; border:0; border-bottom:1px solid #444; background-color:inherit; /* box-shadow: 0px 1px 0px rgba(0,0,0,0.1); */}
.item_info_txt>li>a.btn_ty2{padding:0 10px; line-height:25px; border:1px solid #ddd; background:#fdfefe; border-radius:3px; vertical-align:1px; margin-left:3px;}
.user_wrap .item_info .btn_ty2.tyhide{position:absolute; width:25px; height:25px; text-indent:-9999px; right:0; bottom: 0px; border-radius:0px; margin-bottom:-30px; padding:0px; border: inherit; background-color:rgba(0, 0, 0, 0.5 );}
.user_wrap .item_info .btn_ty2.tyhide:after{content:""; background-color:#fff; width:10px; height:2px; border-radius:1px; position:absolute; top:12px; left:8px;
-webkit-border-radius:1px;
-moz-border-radius:1px;}
.item_info .btn_ty2.tyhide:hover{box-shadow:0px;}
.text_info_dim {position:absolute; left:0; right:0; top:20px; bottom:0; text-align:center; background-color:rgba(0, 0, 0, 0.6); z-index:1;}
.text_info{font-size:18px; color:#fff; text-align:center; margin:10px 10px; z-index:9; top:45%; left:50%; transform:translate(-45%, -50%); position:absolute;}
.tablayer_close{width:28px; height:28px; position:absolute; top:5px; right:5px; text-indent:-9999px;}
.tablayer_close:before,.tablayer_close:after{content:''; position:absolute; width:24px; height:3px;
background-color:#fff; border-radius:2px; top:13px;}
.tablayer_close:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    left:2px;}
.tablayer_close:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:2px;}
.item_info>ul.tabs:hover .click_me {display:none;}
.click_me {position:absolute; left:83px; z-index:99; width:80px; height:80px;}
.click_me .circle {background-color:#5a7bef; width:100%; height:100%; display:inline-block; border-radius:50%;
  animation-name: click;
  animation-duration: 1.5s;
  animation-delay: 0.75s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;}
.click_me .pointer {background:url(/res/images/common/pointer.png) 50% 50% no-repeat;
   width:25px; height:35px; background-size:20px; display:inline-block; z-index:1; position:absolute; top:50%; left:50%; margin-left:-10px;
   animation-name:click-cursor;
   animation-duration:1.5s;
   animation-fill-mode:both;
   animation-iteration-count:infinite;}

@keyframes click {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes click-cursor {
  0% {
    opacity: 1;
    transform: translate(0, 100%);
  }
  50% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/*튜토리얼*/
.tutorial_wrap{}
.tutorial_dim{position:fixed; left:0; right:0; top:0px; bottom:0; text-align:center; margin-left:0px !important; background-color:rgba(0, 0, 0, 0.5); z-index:9990;
transform: scale(0);
transform: scaleY(0.001) scaleX(0);
animation: unfoldIn 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes unfoldIn {
  0%   {transform: scaleY(0.001) scaleX(0);}
  50%  {transform: scaleY(0.001) scaleX(1);}
  100% {transform: scaleY(1) scaleX(1);}
}
.tablayer_close.ty02{z-index:9992; position:fixed}
.tablayer_close.ty03{z-index:9993; right:-32px; top: 0px;}
label.tutorial{position:fixed; top:10px; right:50px; font-size:15px; color:#fff; letter-spacing:-0.5px; z-index:9991}
label.tutorial>input{width:18px; height:18px; vertical-align:-4px; border:0px;}

.indicator.ty01{position:relative;}
.indicator.ty01>p{font-size:15px; color:#fff; line-height:25px; font-weight:bold; letter-spacing:0.5px; background:/*#5a7bef*/rgba(56,174,194, 0.5); border-radius:100px; padding:3px 18px 3px 20px; display:inline-block; position:absolute; overflow:visible; z-index:9991;
transform:scale(0);
animation: zoomIn 0.5s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.indicator.ty01>p:hover{cursor:pointer; background:rgba(56,174,194, 1); z-index:9999}
.indicator.ty01>p:before,.indicator.ty01>p:after{content:""; background:rgba(56,174,194, 0.7); display:inline-block; position:absolute}
.indicator.ty01>p:hover:before,.indicator.ty01>p:hover:after{background:rgba(56,174,194, 1);}
.indicator.ty01>p:before{width:15px; height:1px;}
.indicator.ty01>p:after{width:8px; height:8px; border-radius:10px;}
.indicator.ty01>p.right:before,.indicator.ty01>p.right:after{top:50%;}
.indicator.ty01>p.right:before{width:15px; height:1px; right:-15px;}
.indicator.ty01>p.right:after{margin-top:-4px; right:-17px;}
.indicator.ty01>p.left:before,.indicator.ty01>p.left:after{top:50%;}
.indicator.ty01>p.left:before{width:15px; height:1px; left:-15px;}
.indicator.ty01>p.left:after{margin-top:-4px; left:-17px;}
.indicator.ty01>p.top:before,.indicator.ty01>p.top:after{left:50%;}
.indicator.ty01>p.top:before{width:1px; height:15px; left:50%; top:-12px}
.indicator.ty01>p.top:after{margin-left:-4px; top:-17px;}
.indicator.ty01>p.bottom:before,.indicator.ty01>p.bottom:after{left:50%;}
.indicator.ty01>p.bottom:before{width:1px; height:15px; left:50%; bottom:-12px}
.indicator.ty01>p.bottom:after{margin-left:-4px; bottom:-17px;}
.indicator.ty01>p.current{background:#2dbed6}
.indicator.ty01>p.current:before,.indicator.ty01>p.current:after{content:""; background:#2dbed6;}

.indicator_bg{width:1240px; padding:17px 0; position:fixed; bottom:10px; margin:auto; left:50%; margin-left:-620px; z-index:9992; background: rgba(0, 0, 0, 0.2);
padding:15px 15px; border-radius:20px 20px 0 0; bottom:0px; opacity:0;
animation: scaleUp 0.3s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes scaleUp {
  0%{transform: scale(0.8) translateY(1000px); opacity: 0;}
  100% {transform: scale(1) translateY(0px); opacity: 1;}
}

.indicator.ty02{display:flex; display: -webkit-box; display: -ms-flexbox; display:flex;text-align:center; max-width:1230px; margin:auto;}
.indicator.ty02>p{position:relative; font-size:17px; text-align:center; letter-spacing:-0.5px; font-weight:bold; text-align:center;  margin-right:15px; background-color: #c8c8c8; border-radius:50px; /*box-shadow:rgba(156, 156, 156, 1) 3px 4px 0px;*/ box-shadow:rgba(0, 0, 0, 0.1) 3px 3px 10px; -webkit-box-flex: 1; -ms-flex:1; flex-grow:1;
/*transform: scale(0);
animation: zoomIn 0.5s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/}
@keyframes zoomIn {
0% {transform: scale(0);}
100% {transform: scale(1);}
}

.indicator.ty02>p.current, .indicator.ty02>p:hover{background:#2dbed6}
.indicator.ty02>p>a{vertical-align:middle; height:48px; line-height:46px;
display: block; padding-left:30px;}
.indicator.ty02>p.current>a, .indicator.ty02>p.current>a:hover{color:#fff}
.indicator.ty02>p>a:active, .indicator.ty02>p>a:visited{color:#fff;}
.indicator.ty02>p:last-child{margin-right:0px;}
.indicator.ty02>p:hover{cursor:pointer}
.indicator.ty02>p>a>strong{font-size:22px; color:#333; font-weight:bold; letter-spacing:-0.5px; width:40px; line-height:38px; background:#fff; border-radius:50px; display:inline-block; position:absolute; top:5px; left:6px;}
/*.indicator.ty02>p>a>strong>span{font-size:13px; color:#666; letter-spacing:-1px; display:block;}*/
.word_explain_out{/*position:relative; top:50%; transform:translate(0, -50%);*/
position:relative; top:50%; left:50%; transform:translate(-50%, -50%); margin:auto; text-align:center; z-index:9992; position:fixed;}
.word_explain{max-width:400px; width:400px; margin:auto; height:auto; min-height:180px; padding:30px; background:#fff; border-radius:10px; text-align:left; position:relative; box-shadow:0px 0px 20px rgba(0,0,0,0.2); display:none;}
.word_explain.left{left:0px; margin-left:-700px;}
.word_explain.right{right:0px; margin-right:-770px;}
.word_explain.current{display:inline-block;
animation: in 0.75s ease-out;
animation-fill-mode: forwards;}

@keyframes in {
0% {visibility: hidden; z-index:10; opacity: 0;
    transform: translateX(0) scale(0.8);
}
25% {z-index:10; opacity: 0.6;
    transform: translateX(10px) scale(0.8);
}
75% {z-index: 1000; opacity: 1;
    transform: translateX(20px) scale(1);
}
100%{visibility: visible; z-index:1000; opacity:1;
    transform: translateX(0) scale(1);
}
}
.word_explain.first.current{
transform: scale(0);
animation: zoomIn2 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

@keyframes zoomIn2 {
  0% {transform: scale(0);}
  100% {transform: scale(1);  }
}

.explain_num{font-size:14px; color:#fff; text-align:center; background:#5a7bef; border-radius:100%; width:50px; height:41px;
line-height:16px; padding-top:9px; display:block; float:right; /*position:absolute; top:30px; right:30px;*/}
.explain_num>span{font-size:15px; display:block; font-weight:bold; letter-spacing:1px;}

.word_explain>dl>.title{border-bottom:1px solid #666; margin-bottom:20px; padding-bottom:13px;}
.word_explain>dl dt>span{font-size:15px; color:#888; letter-spacing:-0.5px; font-weight:normal; padding-left:3px; display:block; line-height:24px; min-height:10px}
.word_explain>dl dt{font-size:28px; color:#333; font-weight:bold; letter-spacing:-0.5px; position:relative; float:left; line-height: 32px; width: 83%;}
.word_explain>dl dt:after__{content: ""; width:102%; height:7px; border-width:19px; border-radius:10px; background-color:#6db4f2; position:absolute; left:-2px; bottom:-3px; z-index:1; }
.word_explain>dl>dd{font-family__:'Malgun Gothic','Noto Sans KR'; font-size:14px; color:#666; line-height:20px; letter-spacing:0px; overflow-y:auto; max-height:250px;}
.word_explain>dl>dd>strong{font-size:15px;  color:/*#169cdd*/#1585bb; margin-bottom:10px; display:block; margin-bottom:10px;}
.word_explain>dl>dd>p{font-size:14px; font-weight:bold; background:#f0f3ff; padding:7px 10px; margin-top:15px;} .word_explain>dl>dd>p>i{width:20px; height:20px; line-height:18px; font-size:15px; color:#fff; font-weight:bold; font-style:normal; text-align:center; background:#5a7bef; border-radius:50px; display:inline-block; margin-right:1px;}
.word_explain>dl>dd>li{line-height:18px; margin-bottom:12px;}
.word_explain>dl>dd>li:last-child{margin-bottom:0px}
.word_explain>dl>dd>li>span{font-size:14px; color:#fff; line-height:19px; font-weight:bold; background:#6db4f2;border-radius:3px; padding:1px 7px; display:inline-block;}
.word_explain>dl>dd.bullet>li{background:url(/res/images/common/list_style01.png) 2px 7px no-repeat; padding-left:15px;}
.t_blue{color:#1585bb}
.cont_img{float:left; padding:5px 12px 0px 0}
.word_explain>dl>.title:after, .step_item:after, .indicator:after{content:""; display:block; clear:both}

/*휴면계정*/
.search_wrap.ty02{padding:65px 0 70px}
.ldpw_text01_2{font-size:18px; color:#fff; letter-spacing:-1px; text-align:center; line-height:33px; background:#0073ab; border-radius:4px;
	padding:0 10px; margin-left:30px; min-width:110px; display:inline-block;}
.ldpw_search_boxin.ty02{background:#f6f7f8; padding:35px 40px 30px; margin-top:-17px; text-align:center; border:1px solid #dfdfdf; border-radius:2px;}
.ldpw_search_boxin.ty02:after{content:""; display:block; clear:both;}
.ldpw_search_boxin.ty02>label{font-size:16px; color:#363636; font-weight:bold; letter-spacing:-1px; padding:11px 15px 0 10px;}
.ldpw_search_boxin.ty02>input{font-size:16px; text-align:center; border:1px solid #dfdfdf;
	width:225px; height:37px; border-radius:2px; background-color:#fff;}
.ldpw_text{margin-bottom:30px}
.ldpw_text>dt{font-size:23px; font-weight:bold; letter-spacing:-2px; display:block; margin-bottom:10px;}
.ldpw_text>dt>strong{color:#0073ab;}
.ldpw_text>dd{font-size:14px; color:#525252; letter-spacing:-1px; line-height:21px;}

/*산정내용*/
.tbl_sanjeong{text-align:center; border-radius:3px; border:1px solid #dfdfdf;}
.tbl_sanjeong thead{background:/*#f6fafd*/#e7f1f8; }
.tbl_sanjeong thead tr{box-shadow_:1px 2px 4px rgba(0,0,0,0.05);}
.tbl_sanjeong tbody{border-bottom:1px solid #ddd}
.tbl_sanjeong tbody tr{}
.tbl_sanjeong tfoot{background:#e7f1f8;}
.tbl_sanjeong tfoot tr{border-top:1px solid #000; box-shadow:inset 1px 2px 4px rgba(0,0,0,0.05);}
.tbl_sanjeong tfoot tr td{font-size:17px; color:#333; font-weight:bold; letter-spacing:-2px; text-align:right; padding-right:5px; }
.tbl_sanjeong tfoot tr td strong{font-size:19px; color:#ec1717}
.tbl_sanjeong tr th{font-size:13.5px; color:#333; letter-spacing:-1px; height:45px;}
.tbl_sanjeong tr td{font-size:13.5px; color:#555; border-top:1px dashed #ddd; padding:5px 10px 5px; height:35px; background__:#f3f8fb;}
.tbl_sanjeong tr td.item_1{font-size:13.5px; color__:#2b5883; font-weight:bold; letter-spacing:-0.5px; text-align:center; border-right:1px solid #e5e5e5; background:#f6f7f8}
/*.tbl_sanjeong tr td.item_1:before{content:""; border-radius:3px; display:block; position:absolute; height:calc(100% - 13px); width:calc(100% - 10px); top:8px; bottom:0px; background:#f6f7f8; box-shadow__: 1px 3px 5px rgba(0,0,0,0.1); z-index:-1;}*/
.tbl_sanjeong tr td.item_1.ty02:before{height:calc(100% - 8px); top:5px}
.tbl_sanjeong tr td.item_2{position:relative; font-weight:bold}
.tbl_sanjeong tr td.item_2:before{content:""; background:#fce8cd; border-radius:100px; display:block; position:absolute; height:74px; width:74px; left:50%; margin-left:-37px; top:8px; z-index:-1;}
.tbl_sanjeong tr td.item_2:after{content:""; position:absolute; width:15px; height:1px; background:transparent; display:inline-block; width:15px; height:45px; border:1px solid #ddd; border-right:0px; top:20px; right:-5px;}
.tbl_sanjeong tr td.total{font-size:18px; color:#e85d72; font-weight:bold; letter-spacing:-0.5px; text-align:center;/* background:#94c3f1; */border-radius:3px; position:relative;}
.tbl_sanjeong tr td.total:before{content:""; background:#ffe5ea; border-radius:3px; display:block; position: absolute; height:calc(100% - 13px); width:calc(100% - 10px); top:8px; bottom:0px; box-shadow_: 1px 3px 5px rgba(0,0,0,0.1); z-index: -1;}
.tbl_sanjeong tr td:nth-child(1), .tbl_sanjeong tr td:nth-child(2){letter-spacing:-0.5px; border-top_:0px;}
.tbl_sanjeong tr td .item_3_1, .tbl_sanjeong tr td .item_3_2{font-size:13px; letter-spacing:-1px; font-weight:bold; min-width:40px; padding:3px 5px; border-radius:2px; display:inline-block; position:relative;}
.tbl_sanjeong tr td .item_3_1{background:#e3e7fc;}
.tbl_sanjeong tr td .item_3_2{background:#e1f9ee;}
.tbl_sanjeong tr td.item_4{font-weight:bold;}
.tbl_sanjeong tr td .item_3_1:before, .tbl_sanjeong tr td .item_3_2:before{content:""; width:3px; height:3px; border-radius:2px; background:#b8b8b8; display:inline-block; position:absolute; left:-10px; top:50%; margin-top:-4px;}
/*.tbl_sanjeong tr td .item_3_1:before{top: 7px;}
.tbl_sanjeong tr td .item_3_2:before{top: 12.5px;}*/
.tbl_sanjeong tr.disable td{background:#f6f6f6; color:#b6b6b6; z-index:0}
.tbl_sanjeong tr.disable td.item_2:before, .tbl_sanjeong tr.disable td .item_3_1,
.tbl_sanjeong tr.disable td .item_3_2{background:#ededed;}
.tbl_sanjeong_wrap{position:relative}
.point_box{position:absolute; top:0px; bottom:47px; border:1px solid #ef8a03; z-index:9;}
.tbl_sanjeong tbody tr:first-child td{padding-top_:7px;/* background: #ddd; */}
.tbl_sanjeong tr.row_2{/* border-top:10px solid #fff */border-top: 1px solid #ddd;}
.tbl_sanjeong tr td.mark {padding:0}
.tbl_sanjeong .line_r {border-right:1px dotted #ddd}