@charset "UTF-8";

@font-face {
    font-family: 'ns';
	font-weight:'bold';
    src: url('../fonts/nanumsquareb.eot');
    src: url('../fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nanumsquareb.woff2') format('woff2'),
         url('../fonts/nanumsquareb.woff') format('woff'),
         url('../fonts/nanumsquareb.ttf') format('truetype'),
         url('../fonts/nanumsquareb.svg#../fonts/nanumsquarebregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ns';
	font-weight:'normal';
    src: url('../fonts/nanumsquarer.eot');
    src: url('../fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nanumsquarer.woff2') format('woff2'),
         url('../fonts/nanumsquarer.woff') format('woff'),
         url('../fonts/nanumsquarer.ttf') format('truetype'),
         url('../fonts/nanumsquarer.svg#../fonts/nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family:"ns","Malgun Gothic",sans-serif;}

header {border-bottom:1px solid #eaeaea; height:60px; padding:0 15px; position:relative;}
header .h_logo {position:absolute; left:15px; top:50%; transform:translateY(-50%);}
header .h_logo img {height:13px;}
header .c_logo {text-align:center; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
header .c_logo img {width:120px}
.btn_menu {position:absolute; right:10px; top:50%; margin-top:-20px; width:40px; height:40px; border:0; text-indent:-9999px;
background:url("../img/common/ico_menu.png") no-repeat center; background-size:25px;}

footer { position: relative;  background-color: #1e1e1e; text-align:center; padding:12px 15px;}
footer span {display:inline-block; vertical-align:middle;}
footer span:before {display:inline-block; content:''; width:1px; height:15px; background-color:#494949; margin:0 10px; } 
footer span:first-child:before {display:none;}
footer span img {height:16px;}

.btn {cursor:pointer;}
.btns {display:inline-block; min-width:80px; height:30px; line-height:30px; background-color:#366182;  border-radius:5px; text-align:center; font-size: 12px; color:#fff;}
.btns2 {display:inline-block; min-width:80px; height:30px; line-height:30px; background-color:#366182;  border-radius:5px; text-align:center; font-size: 12px; color:#fff;}

#wrap.guide {height:100%; overflow:hidden; visibility:hidden;}
/* #container {margin:15px 0 60px 0; min-height:calc(100vh - 150px);} */
#container {margin:15px 0 0 0; min-height:calc(100vh - 185px);}
#auto_container {padding:15px 0 0 0; margin-bottom: 75px;}
#scramble_container {margin-bottom: 75px;}
.wrap {padding-left:15px; padding-right:15px;}
.tit_area { height: 50px;  line-height: 50px;  background-color: #ffffff;   position: relative; text-align:center; padding:0 15px;}
.tit_area h2 {color:#fff; }
.tit_area .btn_back {display:block; position:absolute; left:0; top:0; width:50px; height:50px; background:url("../img/common/ico_back.png") no-repeat center; background-size:8px auto;
text-indent:-9999px;}

/* 인트로 */
#intro_wrap {min-height:100vh; background:url("../img/sub/login_bg.png") 50% 0 repeat-x; background-size:100% auto;}

.login_wrap{position:absolute; width:90%; top:50%; left:5%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.login_wrap .intro_img{ width:250px;}
.login_wrap .login_logo_area{margin-bottom:20px;}
.login_wrap .login_logo_area > div{float:left; width:50%; position: relative; text-align:center;}
.login_wrap .login_logo_area > div:first-of-type:after{content:''; position:absolute; right:0; top:1px; width:1px; height:20px; background:#ccc;}
.login_wrap .login_logo_area > div img{height:23px;}

.back_wrap {padding-top:20px; padding-left:10%;}
.back_wrap img {height:35px;}

/* 로그인 STEP01 */
.login_step01_wrap .step01 h2{margin-bottom:23px;}
.login_step01_wrap .step01 h2 img{width:180px;}
.login_step01_wrap .step01 .ipt{position: relative;}
.login_step01_wrap .step01 .ipt input[type="text"]{width:100%; height:38px; border:2px solid #f54b00; padding:0 20px; background:#f5f5f5; border-radius:5px; font-size:14px; margin:0;}
.login_step01_wrap .step01 .btn{margin-top:20%;}
.login_step01_wrap .step01 button{width:80%; height:40px; color: #fff; font-size:16px; border-radius:5px; background:#f54b00;}
.login_step01_wrap .step01 button[disabled="disabled"]{background:#b2b2b2; }
.login_step01_wrap .relative_keywords{position:absolute; left:0; top:36px; width:100%; display: none; border:2px solid rgba(220,220,220,.7); border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.login_step01_wrap .relative_keywords li{padding:0 20px; background:#f4f4f4; line-height:38px;}
.login_step01_wrap .relative_keywords li > div{position: relative; font-size:14px;}
.login_step01_wrap .relative_keywords li > div .keyword {color:#787878;}
.login_step01_wrap .relative_keywords li > div .keyword b {color:#323232; font-weight:bold;}
.login_step01_wrap .relative_keywords li > div .ico_btn{position:absolute; right:0; top:10px; width:20px; height:20px; background:url("../img/common/ico_keyword_more.png") no-repeat center;
background-size:auto 20px;}


/* 로그인 폼 입력*/
.login_form_wrap .form{margin:0 20px;}
.login_form_wrap legend{display:none;}
.login_form_wrap .form input[type="text"],.login_wrap .form input[type="password"]{width:100%; border:1px solid #c8c8c8; border-radius:5px; height:35px; padding:0 20px;-webkit-appearance:none}
.login_form_wrap .form .ipt{margin-bottom:7px;}
.login_form_wrap .form .chk > div{float:left; width:50%;}
.login_form_wrap .form .chk{font-size:14px; color: #323232;}
.login_form_wrap .form .chk input[type="checkbox"]{display:none; margin-right:10px; border-radius:50%; border:1px solid #e1e1e1;}
.login_form_wrap .form .chk label:before {content:'';width:20px; height:21px; display:inline-block; background:url("../img/common/checkbox_bg.png") 50% 50% no-repeat; background-size:20px; vertical-align:middle; margin-right:5px;}
.login_form_wrap .form input[type="checkbox"]:checked + label:before {background-image:url("../img/common/checkbox_bg_on.png")}
.login_form_wrap .form button {width:100%; height:39px; background:#f54b00; color: #fff; -webkit-appearance:none; border:none; font-size:16px;  border-radius:5px;}
.login_form_wrap .form button[disabled="disabled"]{background:#b2b2b2; }
.login_form_wrap .form .btn{margin-top:3%;}
.login_form_wrap .form .login_note{margin-top:13%; padding-left:22px; line-height:1.8; font-size:14px;}
.login_form_wrap .form .login_note b{color:gray; padding-left: 16px;}


/* 로그인 완료 */
.login_wrap .comment{padding-top:20px;}
.login_wrap .comment h4{font-size:22px; color: #346083; border-bottom:1px solid #346083; display:inline-block; font-weight:600; line-height:1; margin-bottom:20px;}
.login_wrap .comment p{font-size:20px; font-weight: 600; line-height:1.4;}
.login_wrap .comment p span{color: #f47320;	}


/* 인트로 가이드 */
.intro_guide_container {position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background-color:rgba(0,0,0,.5); display:none;}
.intro_guide_slider .gudie_slide img {width: 100%; max-width: 100%; height: 100%; max-height: 100%; }
.intro_guide_slider .gudie_slide {position: relative;}
.intro_guide_slider .guide_layer {position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; }
.intro_guide_slider .slick-dots {position:fixed; bottom:4vh;} 
.intro_guide_slider .slick-dots li button {box-shadow:0 0 5px #505050; }
.intro_guide_btn_wrap {position:fixed; left:0; right:0; bottom:10vh; text-align:center;}
.intro_guide_btn_wrap button {background:none; border:0; padding:0; margin:0 1%; box-shadow:0 0 5px #505050; border-radius:5px}
.intro_guide_btn_wrap button img { max-height:40px}



/* 사이드 메뉴 */
#wrap.open {position:fixed; left:0; top:0; width:100%; height:100%; }
.bg_layer {display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.7); z-index:99;}
.bg_layer.on {display:block;}
.bg_layer.popup {z-index:101;}

#sidemenu{position:relative; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); transition:all .4s ease;} 
.bg_layer.on + #sidemenu {-webkit-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
#sidemenu  {position:fixed;top:0; right:0; bottom:0; z-index:100; background-color:#fff; width:90%;}
#sidemenu .menu_top{background-color:#061d2f; height:95px;  position:relative;}
#sidemenu .menu_top{line-height:95px; color:#fff; padding-left:20px;}
#sidemenu .menu_top h2 strong {font-weight:bold;}
#sidemenu .btn_close{position:absolute; right:15px; top:20px;  width:30px; height:30px ;background:url("../img/common/ico_menu_close.png") no-repeat center; background-size:20px; text-indent:-9999px;}
#sidemenu .menu_top .icons{position:absolute; bottom:8px; right:12px;}
#sidemenu .menu_top .icons .icon{float:left;}
#sidemenu .menu_top .icons .icon img{width:23px; margin:0 8px;}
#sidemenu .menu_top .icons .icon a { display: block; width: 100%; height: 100%;}
#sidemenu .log_state {height:60px; padding:0 20px; line-height:60px; border-bottom:1px solid #e6e6e6;}
#sidemenu .log_state a {display:inline-block; padding-left:40px;  background-repeat:no-repeat; background-position:0 50%; background-size:auto 25px; color:#061d2f; font-weight:bold;}
#sidemenu .log_state .logout { background-image:url("../img/common/ico_logout.png");}
#sidemenu .area_con {display:none;}
#sidemenu .area_con.on {display:block;}
#sidemenu .sch_con {display:none; overflow-y:auto;}
#sidemenu .sch_con.on {display:block;}
#sidemenu .sch_con.on ~ .area_con {display:none;}
#sidemenu .search_menu {padding:20px;}
#sidemenu .search_menu h4{font-size:15px; color:#061d2f; text-align:center; font-weight:bold; border-bottom:2px solid #061d2f; padding:0 0 15px; margin:0 0 20px;}
#sidemenu .seacrh_menu_box {position:relative; padding-right:50px;}
#sidemenu .search_area {display:block; border-bottom:1px solid #e0e0e0; position:relative; padding-right:28px;}
#sidemenu .search_menu input[type=text]{border:none; padding:12px 2px; width:100%; }
#sidemenu .search_menu button {background:none; border:0;}
#sidemenu .search_menu .btn_search_reset {position:absolute; right:0; top:10px; width:20px; height:20px; background:url("../img/common/ico_gray_close.png") no-repeat center;
background-size:15px; font-size:0;}
#sidemenu .search_menu .btn_search {position:absolute; right:0; top:0; width:40px; height:40px; background:url("../img/common/ico_search.png") no-repeat center;
background-size:25px; font-size:0;}
#sidemenu .search_result_wrap {overflow-y:auto; -webkit-overflow-scrolling:toch; padding-bottom:60px;}
#sidemenu .search_result_wrap h5 {font-size:13px; color:#f37321; font-weight:bold; margin:20px 0;}
#sidemenu .search_result_wrap  p{font-size:13px;  color:#c6c6c6; margin:10px 0;}
#sidemenu .search_result_wrap  p.empty { text-align:center; color:#323232;}
#sidemenu .search_result_wrap .result_list.on p.empty {display: none;}
#sidemenu .search_result_wrap  p span {color:#323232;}
#sidemenu .search_result_wrap .result_list ul {display: none;}
#sidemenu .search_result_wrap .result_list.on ul {display: block;}
#sidemenu .search_result_wrap .result_list ul li {margin: 10px 0;}
#sidemenu .search_result_wrap .result_list ul li a {display: block; font-size:13px;  color:#c6c6c6;}
#sidemenu .search_result_wrap .result_list ul li a span {color: #323232; font-weight: bold;}

#sidemenu .icon{margin:0 5px;width:22px; height:22px; background-size:22px; font-size:0; cursor:pointer;}
#sidemenu .icon1 {background-image:url("../img/common/ico_my_search.png");}
#sidemenu .icon2 {background-image:url("../img/common/ico_my_alarm.png");}
#sidemenu .icon3 {background-image:url("../img/common/ico_my_setting.png");}
#sidemenu .icon1:hover,
#sidemenu .icon1.on {background-image:url("../img/common/ico_my_search_on.png");}
#sidemenu .icon2:hover,
#sidemenu .icon2.on {background-image:url("../img/common/ico_my_alarm_on.png");}
#sidemenu .icon3:hover,
#sidemenu .icon3.on {background-image:url("../img/common/ico_my_setting_on.png");}

#sidemenu .area_wrap {height:-webkit-calc(100% - 95px); height:-ms-calc(100% - 95px); height:-moz-calc(100% - 95px); height:-o-calc(100% - 95px); height:calc(100% - 95px);}
#sidemenu .area_con {height:100%;}
#sidemenu .list_wrap { height:100%; position:relative;}
#sidemenu .list_wrap .list_tab {position: absolute; left: 0; top: 0; overflow-y: scroll;  background-color: #061d2f; height:100%; }
#sidemenu .list_wrap .list_tab ul {padding-bottom:100px}
#sidemenu .list_wrap .list_tab li {display:table; width:100%;}
#sidemenu .list_wrap .list_tab li a {color:#fff; display:table-cell; vertical-align:middle; text-align:center; border-bottom:1px solid #384a59; line-height:1.2;}
#sidemenu .list_wrap .list_tab li.on{background-color:#fff; }
#sidemenu .list_wrap .list_tab li.on a {font-weight:bold; color:#323232;}
#sidemenu .list_wrap .list_tab li{width:100px; height:100px; background-color:#061d2f; color:#fff; text-align:center; font-size:15px;}
#sidemenu .list_con{margin-left:100px; padding-left:10px; overflow-y:auto;  height:100%; }
#sidemenu .list_con .tab_con {display:none;}
#sidemenu .list_con .tab_con.on {display:block;}
#sidemenu .list_con .tab_con h4{ height:50px; line-height:50px; font-size:17px; color:#323232; font-weight:bold; border-bottom:2px solid #323232; padding-left:15px;}
#sidemenu .list_con .tab_con ul {padding-bottom:100px;}
#sidemenu .list_con .tab_con li a {display:block;height:45px; line-height:45px; color:#323232;  font-size:13px; border-bottom:1px solid #e0e0e0; font-weight:bold; padding-left:15px;}  

.popup_bg {display:none;position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); z-index:999;}
.popup_bg.on {display:block;}
.popup_layer {width:205px; height:125px; position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); padding:24px 20px; background-color:#fff; z-index:1000; box-sizing:border-box;
border:2px solid #f4731f; border-radius:5px; text-align:center; display:none;} 
.popup_bg.on + .popup_layer {display:block;}
.popup_layer p {color:#f4731f; margin:0 0 15px; line-height:1.4; font-size:14px; font-weight:600;}
.popup_layer.line_1 p {margin:0 0 25px;}
.popup_layer .popup_close {display:inline-block; color:#fff; width:100px; height:25px; line-height:25px; border:0; border-radius:3px; background-color:#f4731f; font-size:14px;}
.popup_loading {display:none;position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgb(255,255,255); z-index:999;opacity: 0.5;}
.popup_loading div {position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); padding:24px 20px; z-index:1000; box-sizing:border-box; }

.popup_select {display: none;position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);  -webkit-transform:translate(-50%,-50%); background-color:#fff; z-index:1000; box-sizing:border-box;
border:2px solid #f4731f; border-radius:5px; width:300px; height:auto; max-height:360px; overflow-y:auto;}
.popup_select label {display:block; border-bottom:1px solid #dcdcdc; padding:20px; cursor:pointer;
background-image:url("../img/common/ico_radio_off.png"); background-size:27px; background-position:95% 50%; background-repeat:no-repeat;}
.popup_select input[type=radio] {display:none; visibility:hidden; }
.popup_select input[type=radio]:checked +  label {background-image:url("../img/common/ico_radio_on.png")}
.radio_group {text-align:center;}
.radio_group label {padding:10px 30px; cursor:pointer; background-image:url("../img/common/ico_radio_off.png"); background-size:20px; background-position:0 50%; background-repeat:no-repeat;}
.radio_group input[type=radio] {display:none; visibility:hidden; }
.radio_group input[type=radio]:checked +  label {background-image:url("../img/common/ico_radio_on.png")}



/* 메인 */

.main_vis {position:relative;}
.main_vis .main_tit {position:relative;  height: 50px; padding:0 15px; padding:20px 15px 10px;}
.main_vis .main_tit h2 {position: relative; font-size:16px; font-weight:bold; margin:0;}
.main_vis .main_tit span {position: absolute; right: 15px; bottom: 5px; display:inline-block;  line-height:30px; font-size: 13px; z-index: 2;}
.main_vis .main_tit .btns:hover {background-color:#f37321;}
.main_vis_con {width: 100%; height: 185px; height: 50vw;text-align: center; display: table; background-position: center; background-size:cover;}
.main_vis_con_inner {display: table-cell; vertical-align: middle; padding:0 12%}
.main_vis01 .main_vis_con{background-image: url("../img/main/main_vis01.jpg");}
.main_vis02 .main_vis_con{background-image: url("../img/main/main_vis02.jpg");}
.main_vis03 .main_vis_con{background-image: url("../img/main/main_vis03.jpg");}
.main_vis03 .main_vis_con_inner {padding:0 24%;}

.main_vis .slick-arrow {position:absolute; top:50%; width:40px; height:40px;  z-index:99; background-repeat:no-repeat ;background-position:center; background-size:auto 30px; text-indent:-9999px;}
.main_vis .slick-prev {left:0; background-image:url("../img/common/arrow_prev.png");}
.main_vis .slick-next {right:0; background-image:url("../img/common/arrow_next.png");}


.slick-dots {position: absolute; bottom: 20px; left:0; right: 0; text-align: center; z-index:99;}
.slick-dots li  {display: inline-block; margin: 0 1vw;}
.slick-dots li  button {display: block; padding: 0; border: 0; background: none; width:3vw; height: 3vw; border-radius:50%; background-color: #fff;text-indent: -9999px;}
.slick-dots li.slick-active button {background-color: #f37321;}



.main_vis_item_list li {float:left; width:25%; color:#fff; text-align: center;} 
.main_vis_item_list i {display: block; margin: 10px 0;} 
.main_vis_item_list i a {display:block; }
.main_vis_item_list i img {display: inline-block; width: 10vw;}
.main_vis_item_list p {margin: 0 0 20px;}

.main_vis_item_paid {text-align: left;}
.main_vis_item_paid h3 {color:#fff; margin: 0 0 20px;}
.main_vis_item_paid h3 .month {color: #f37321;}
.main_vis_item_paid p {color: #fff; font-size: 4vw;} 
.main_vis_item_paid p strong {font-weight: 800; font-size: 8vw;}




.main_bbs {border-bottom:1px solid #e6e6e6; height:50px; /* padding-left:90px; padding-right:80px; */ position:relative; overflow:hidden;}
.main_bbs .tit{ font-size:16px; color:#061d2f;  position:absolute; left:15px; top:0; line-height:50px; font-weight:bold; margin: 0;}
.main_bbs .toggle { cursor:pointer; background:url("../img/common/arrow_down.png") no-repeat center;  width:30px; height:30px; background-size:cover; display:inline-block;
position:absolute; top:10px; right:15px; font-size:0; background-size:auto 10px;}

.main_bbs .notice_list{}
.main_bbs .notice_list li{ font-size:14px; color:#787878;   line-height:50px; position:relative;}
.main_bbs .notice_list li a {display:block;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:20%; margin-right:12%}
.main_bbs .date {display:none;}

.main_bbs.on {height:auto; padding-left:0; padding-right:0; /* padding-top:50px; */ overflow:visible;}
.main_bbs.on .toggle {background-image:url("../img/common/arrow_up.png");}
.main_bbs.on .notice_list li {line-height:1.5; margin:10px 0; /* padding-right:50px; */}
.main_bbs.on .notice_list li a {width:200px;}
.main_bbs.on .date {display:block; position:absolute; right:0; top:0;}

.main_my {padding:20px 0; position:relative;}
.main_my .tit {font-weight:bold; font-size:16px; margin:0 0 10px;}
.main_my li {float:left; width:33.33%; text-align:center;}
.main_my li a {display:block; padding:10px;}
.main_my li i {display:block;}
.main_my li i img {height:38px;}
.main_my li span {display:block; font-size:14px; color:#323232; font-weight:bold; margin-top:5px;}
.main_my .btn_setting {position:absolute; right:15px; top:15px; width:30px; height:30px; text-indent:-9999px;
background:url("../img/common/ico_setting.png") no-repeat center; background-size:25px;}


.main_ban img {width:100%;}


.btn_gotop {display:none; font-size:0; width:40px; height:40px; background-color:#061d2f; border-radius:5px; background-image:url("../img/common/ico_gotop.png");  cursor:pointer;
background-repeat:no-repeat; background-position:center; background-size:40px; position:fixed; bottom:20px; right:20px; text-indent:-9999px; z-index:20;}
.btn_gotop.abs {bottom:auto; top:-60px; position:absolute;}



/* SYMymenuMng */
.mymenu_wrap .btn_gotop {display:block;}

.mymenu_save {margin:15px; height:30px;}
.mymenu_save .btn_save {display:inline-block; float: right; min-width:70px; height:30px; line-height:30px; background-color:#366182;  border-radius:5px; text-align:center; font-size: 12px; color:#fff;}

.mymenu_add {margin:15px; height:270px;}
.mymenu_add > ul {height:230px;}
.mymenu_add .add_item {float:left; width:33.3333%; text-align:center; padding:20px 0;}
.mymenu_add .add_item [role="button"] {position:relative; display:inline-block; width:75px; height:75px; border:1px solid #c8c8c8; border-radius: 5px;  box-shadow: 5px 5px #ebebeb; padding:5px 5px; box-sizing:border-box;  margin:0 auto;}
.mymenu_add .add_item  .box {display:table; width:100%; height:100%;}
.mymenu_add .add_item  .box .inner {display:table-cell;  vertical-align:middle;}
.mymenu_add .icon img {height:34px;}
.mymenu_add .txt {display:block; font-weight:bold; margin:5px 0 0; font-size:11px; line-height:1.2;}
.mymenu_add .add_item .btn_delete { position:absolute; right:-10px; top:-10px; display:block; width:25px; height:25px; background:url("../img/common/add_delete.png") no-repeat center; background-size:25px;
cursor:pointer; text-indent:-9999px;}
.mymenu_add .guide_txt { margin:10px 0 0; text-align: right;    font-size: 12px;    font-weight: bold;    color: #f54a00;    margin-right: 10px;}

.mymenu_list {padding-bottom:90px;}
.mymenu_list .list01 .menu_tit {background-image:url("../img/main/my_icon1.png"); }
.mymenu_list .list02 .menu_tit {background-image:url("../img/main/my_icon2.png"); }
.mymenu_list .list03 .menu_tit {background-image:url("../img/main/my_icon3.png"); }
.mymenu_list .list04 .menu_tit {background-image:url("../img/main/my_icon4.png"); }
.mymenu_list .list05 .menu_tit {background-image:url("../img/main/my_icon5.png"); }
.mymenu_list .list07 .menu_tit {background-image:url("../img/main/my_icon7.png"); }
.mymenu_list .menu_tit {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;  background-color: #f5f5f5;   height: 50px;   line-height: 50px;   padding-left: 50px;  margin-top: -2px;
background-position:0 50%; background-repeat:no-repeat; background-size:auto 30px;}
.mymenu_list .dep2 {margin-bottom:1px;}
.mymenu_list .dep2 li {border-bottom: 1px solid #e0e0e0; padding: 0 50px;  font-size: 13px;     height: 45px;    line-height: 45px;    margin-top: -2px;  position:relative;}
.mymenu_list [role="button"] {display:block;  }
.mymenu_list [role="button"]:before {display:block; content:''; position:absolute; left:15px; top:10px; width:25px; height:25px; background-image:url("../img/common/ico_bookmark.png"); background-position:50% 0; background-repeat:no-repeat; background-size:auto 50px;}
.mymenu_list .dep2 [role="button"].on:before {background-position:0 -25px;}


/* 리스트 검색 */
.sch_box {margin:10px 0; position:relative; padding:0 85px;}
.sch_box input[type=text] {border:1px solid #dcdcdc; border-radius:5px; height:34px; background-color:#efefef; box-sizing:border-box; width:100%; margin:0;
padding:0 1em; box-shadow:none; -webkit-appearance: none;}
.sch_box select, .sch_box button {width:80px; border:1px solid #dcdcdc; border-radius:5px; height:34px; position:absolute; top:0; }
.sch_select {left:0; padding:0 0.5em; -ms-appearance: none; -webkit-appearance:none; background-image:url("../img/common/ico_select_down.png"); background-repeat:no-repeat; background-position:90% 50%;
background-size:auto 5px; border-radius:5px;}
.sch_box button {right:0; background-color:#366183; color:#fff; border:0;}

.sort_box {position:relative; height:33px; line-height:33px; margin:20px 0 0;}
.sort_box .sch_select {width: auto; min-width: 80px; position: absolute; left: 0; top: 0;}
.btn_sch_detail {font-size: 12px;    color: #787878;    display: inline-block;    border: 1px solid #d6d6d6;    border-radius: 5px;    width:80px; height:33px; line-height:33px; padding-left:15px;
background:url("../img/common/ico_filter.png") no-repeat 10px 50%; background-size:10px auto; position:absolute; left:0; top:0;}
.sort_wrap {text-align:right; font-size:0;}
.sort_wrap li {display:inline-block; position:relative; padding:0 15px;}
.sort_wrap li:before{display:inline-block; /*width:1px;*/ height:12px; background:#e6e6e6; content:''; position:absolute; left:0; top:50%; margin-top:-6px;}
.sort_wrap li:first-child:before {display:none;}
.sort_wrap li:last-child {padding-right:0;}
.sort_wrap li {padding-left:20px; background:url("../img/common/ico_sort.png") no-repeat 0 50%; background-size:auto 9px; font-size:12px; color:#787878;} 
.sort_wrap li.on a { /* font-weight: bold; */}
.sort_wrap li.asc{background:url("../img/common/ico_sort_asc.png") no-repeat 0 50%; background-size:auto 9px;}
.sort_wrap li.desc{background:url("../img/common/ico_sort_desc.png") no-repeat 0 50%; background-size:auto 9px;}


/* 리스트 스타일 */
.list_wrap .list_box .top_box .cate {display:inline-block;  text-align: center; font-size: 11px;  background-color: #979797; color: #fff;   padding: 3px 5px; vertical-align:middle; margin:3px 0; margin-left:5px;}
.list_wrap .list_box .top_box .cate01 {background-color: #979797; }
.list_wrap .list_box .top_box .cate02 {background-color:#f5be00;}

.list_type1 li {margin:10px 0;}
.list_type1 li.list_maturity .list_box {border-color:#fcaf17; border-width: medium;}
/*.list_type1 li:nth-child(even) .list_box:before {background-color:#fcaf17;}*/
.list_type1 .list_box {display:block; border:1px solid #dcdcdc; border-radius:7px; padding-left:7px; overflow:hidden; position:relative;}
.list_type1 .list_box:before {display:block; content:'';position:absolute; left:0; top:0; width:7px; height:100%;}
.list_type1 .list_box[id='10001']:before {background-color:#0d50a1;}
.list_type1 .list_box[id='10002']:before {background-color:#007f41;}
.list_type1 .list_box[id='10003']:before {background-color:#00a4e5;}
.list_type1 .list_box[id='10004']:before {background-color:#4dac26;}
.list_type1 .list_box[id='10005']:before {background-color:#f47321;}
.list_type1 .list_box[id='10006']:before {background-color:#017ac6;}
.list_type1 .list_box[id='10007']:before {background-color:#d3053e;}
.list_type1 .list_box[id='10008']:before {background-color:#004886;}
.list_type1 .list_box[id='10009']:before {background-color:#e6007e;}
.list_type1 .list_box[id='10010']:before {background-color:#a3ce4e;}
.list_type1 .list_box[id='10011']:before {background-color:#0d50a1;}
.list_type1 .list_box[id='10012']:before {background-color:#007dc5;}
.list_type1 .list_box[id='10013']:before {background-color:#ee2d23;}
.list_type1 .list_box[id='10020']:before {background-color:#fa810e;}
.list_type1 .list_box[id='10021']:before {background-color:#fa810e;}
.list_type1 .list_box[id='10022']:before {background-color:#009885;}
.list_type1 .list_box[id='10023']:before {background-color:#004f9b;}
.list_type1 .list_box[id='10024']:before {background-color:#fbc85a;}
.list_type1 .list_box[id='10025']:before {background-color:#0075bb;}
.list_type1 .list_box[id='10026']:before {background-color:#fcaf17;}
.list_type1 .list_box[id='10027']:before {background-color:#f76334;}
.list_type1 .list_box[id='10028']:before {background-color:#05146f;}
.list_type1 .list_box[id='10029']:before {background-color:#16855c;}
.list_type1 .list_box[id='20001']:before {background-color:#f68b1f;}
.list_type1 .list_box[id='20005']:before {background-color:#0d50a1;}
.list_type1 .list_box[id='20006']:before {background-color:#de0012;}
.list_type1 .list_box[id='20007']:before {background-color:#007f41;}
.list_type1 .list_box[id='20008']:before {background-color:#0f3467;}
.list_type1 .list_box[id='20009']:before {background-color:#e6007e;}
.list_type1 .list_box[id='20010']:before {background-color:#00a4e5;}
.list_type1 .list_box[id='20020']:before {background-color:#fcaf17;}
.list_type1 .list_box[id='20021']:before {background-color:#de0012;}
.list_type1 .list_box[id='20022']:before {background-color:#f47321;}
.list_type1 .list_box[id='20023']:before {background-color:#fbc85a;}
.list_type1 .list_box[id='20024']:before {background-color:#e40e8f;}


.list_type1 .list_box .top_box {padding:15px;}
.list_type1 .list_box .top_box .logo {padding-right:130px;}
.list_type1 .list_box .top_box .logo > * {vertical-align:middle;}
.list_type1 .list_box .top_box .logo img {height:30px; margin:3px 0;}
.list_type1 .list_box .top_box span {display:block;}
.list_type1 .list_box .top_box .subject {font-size:14px; color:#323232; font-weight:bold; margin:20px 0 8px; line-height:1.5; position:relative;} 
.list_type1 .list_box .top_box .subject  strong {margin-left:5px;}
.list_type1 .list_box .top_box .date {position:absolute; right:15px; top:20px; font-size:11px; color:#787878;}
.list_type1 .list_box .top_box .date .cnt {font-weight:bold; color:#323232;}
.list_type1 .list_box .top_box .num {font-size:12px; color:#787878;}
.list_type1 .list_box .top_box .num  strong {color:#323232; font-weight:bold; margin-left:5px;}
.list_type1 .list_box .bottom_box {background-color:#efefef; text-align:center;}
.list_type1 .list_box .bottom_box table {width:100%; table-layout:fixed;}
.list_type1 .list_box .bottom_box td {padding:12px 2px; vertical-align:middle; font-size:12px; line-height:1.5;}
.list_type1 .list_box .bottom_box td > * {vertical-align:middle;}
.list_type1 .list_box .bottom_box td  strong {display:inline-block; color:#323232; font-weight:bold;}
.list_type1 .list_box .bottom_box td.contractor {width:30%;}
.list_type1 .list_box .bottom_box td.contractor strong{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:50%;}
.list_type1 .list_box .bottom_box td.insurant {width:30%;}
.list_type1 .list_box .bottom_box td.insurant strong{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:50%;}
.list_type1 .list_box .bottom_box td.deposit {width:40%; text-align:right; padding:10px;}
.list_type1 .list_box .bottom_box td.deposit span,
.list_type1 .list_box .bottom_box td.deposit strong {font-weight:bold; color:#f54b00; font-size:13px;}
.list_type1 .list_box .bottom_box td span:before {display:inline-block; content:''; vertical-align:middle; ;width:11px; height:13px; margin-right:5px;
background:url("../img/common/ico_person.png") no-repeat center; background-size:auto 13px;}
.list_type1 .list_box .bottom_box td.deposit span:before {background-image:url("../img/common/ico_deposit.png"); width:22px; height:16px; background-size:auto 16px;}


.list_type2 li {margin:10px 0; position:relative;}
.list_type2 .list_box {display:block; border:1px solid #dcdcdc; border-radius:7px; padding-left:7px; overflow:hidden; position:relative;}
.list_type2 .list_box:before {display:block; content:'';position:absolute; left:0; top:0; width:7px; height:100%; background-color:#8e8e8e;}
.list_type2  li.on .list_box {border-color:#366182;}
.list_type2  li.on .list_box:before { background-color:#366182;}
.list_type2 .list_box .top_box {padding:15px; padding-right:100px;}
.list_type2 .list_box .top_box span {display:block;}
.list_type2 .list_box .top_box .subject {font-size:14px; color:#323232; font-weight:bold; margin:5px 0; line-height:1.5; position:relative;} 
.list_type2 .list_box .top_box .num {font-size:12px; color:#787878;}
.list_type2 .list_box .top_box .num  strong {color:#323232; font-weight:bold; margin-left:5px;}
.list_type2 .btn_box {position:absolute; right:15px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); /* z-index:2; */}
.list_type2 .btn_box [role='button'] {display:inline-block; width:25px; height:25px; text-indent:-9999px; background-position:center; background-repeat:no-repeat; background-size:25px;
vertical-align:middle; margin:0 5px;}
.list_type2 .btn_box .btn_call {background-image:url("../img/sub/list_type2_icon_tel.png");}
.list_type2 .btn_box .btn_call.on {background-image:url("../img/sub/list_type2_icon_tel_on.png");}
.list_type2 .btn_box .btn_sms {background-image:url("../img/sub/list_type2_icon_sms.png");}
.list_type2 .btn_box .btn_sms.on {background-image:url("../img/sub/list_type2_icon_sms_on.png");}
.list_type2 .btn_box .cnt {font-size:12px; color:#787878; margin-top:10px; text-align:center;}
.list_type2 .btn_box .cnt strong {font-weight:bold; color:#323232; font-weight:bold; border-bottom:1px solid #323232;}







.detail_tab_list {margin:15px 0;}
.detail_tab_list li {float:left; width:20%; text-align:center;}
.detail_tab_list li [role='tab'] i {display:inline-block; width:50px; height:50px; background-color:#ebebeb; border-radius:50%; background-position:50% 0; background-size:50px;
transition:all .4s ease; cursor:pointer;}
.detail_tab_list li.on [role='tab'] i {background-position:50% -50px; background-color:#f54a00;}
.detail_tab_list li [role='tab'] span {display:block; font-size:12px; color:#323232; margin:10px 0 0;}
.detail_tab_list li.tab01 i {background-image:url("../img/sub/contract_detail_icon01.png");}
.detail_tab_list li.tab02 i {background-image:url("../img/sub/contract_detail_icon02.png");}
.detail_tab_list li.tab03 i {background-image:url("../img/sub/contract_detail_icon03.png");}
.detail_tab_list li.tab04 i {background-image:url("../img/sub/contract_detail_icon04.png");}
.detail_tab_list li.tab05 i {background-image:url("../img/sub/contract_detail_icon05.png");}

.detail_tab_list.col_4 li {width: 25%;}

.ct_info_wrap {padding:20px 15px; background-color:#efefef; overflow:hidden; margin:0 -15px;}
.ct_info_wrap .ct_aff {float:left; width:35%;}
.ct_info_wrap .ct_logo {background-color:#fff; border-radius:5px;  overflow:hidden; text-align:center; margin:0 auto; }
.ct_info_wrap .ct_logo figure {padding:20px 15px; width:100%; height:80px; position:relative; display:table;}
.ct_info_wrap .ct_logo figure span {display:table-cell; vertical-align:middle; }
.ct_info_wrap .ct_logo figure img {width:80px;}
.ct_info_wrap .ct_logo span.ct_name {display:block;background-color:#e6007e; color:#fff; padding:10px; font-size:14px;} 

.ct_info_wrap .ct_logo span.ct_name[id='10001'] {background-color:#0d50a1;}
.ct_info_wrap .ct_logo span.ct_name[id='10002'] {background-color:#007f41;}
.ct_info_wrap .ct_logo span.ct_name[id='10003'] {background-color:#00a4e5;}
.ct_info_wrap .ct_logo span.ct_name[id='10004'] {background-color:#4dac26;}
.ct_info_wrap .ct_logo span.ct_name[id='10005'] {background-color:#f47321;}
.ct_info_wrap .ct_logo span.ct_name[id='10006'] {background-color:#017ac6;}
.ct_info_wrap .ct_logo span.ct_name[id='10007'] {background-color:#d3053e;}
.ct_info_wrap .ct_logo span.ct_name[id='10008'] {background-color:#004886;}
.ct_info_wrap .ct_logo span.ct_name[id='10009'] {background-color:#e6007e;}
.ct_info_wrap .ct_logo span.ct_name[id='10010'] {background-color:#a3ce4e;}
.ct_info_wrap .ct_logo span.ct_name[id='10011'] {background-color:#0d50a1;}
.ct_info_wrap .ct_logo span.ct_name[id='10012'] {background-color:#007dc5;}
.ct_info_wrap .ct_logo span.ct_name[id='10013'] {background-color:#ee2d23;}
.ct_info_wrap .ct_logo span.ct_name[id='10020'] {background-color:#fa810e;}
.ct_info_wrap .ct_logo span.ct_name[id='10021'] {background-color:#fa810e;}
.ct_info_wrap .ct_logo span.ct_name[id='10022'] {background-color:#009885;}
.ct_info_wrap .ct_logo span.ct_name[id='10023'] {background-color:#004f9b;}
.ct_info_wrap .ct_logo span.ct_name[id='10024'] {background-color:#fbc85a;}
.ct_info_wrap .ct_logo span.ct_name[id='10025'] {background-color:#0075bb;}
.ct_info_wrap .ct_logo span.ct_name[id='10026'] {background-color:#fcaf17;}
.ct_info_wrap .ct_logo span.ct_name[id='10027'] {background-color:#f76334;}
.ct_info_wrap .ct_logo span.ct_name[id='10028'] {background-color:#05146f;}
.ct_info_wrap .ct_logo span.ct_name[id='10029'] {background-color:#16855c;}
.ct_info_wrap .ct_logo span.ct_name[id='20001'] {background-color:#f68b1f;}
.ct_info_wrap .ct_logo span.ct_name[id='20005'] {background-color:#0d50a1;}
.ct_info_wrap .ct_logo span.ct_name[id='20006'] {background-color:#de0012;}
.ct_info_wrap .ct_logo span.ct_name[id='20007'] {background-color:#007f41;}
.ct_info_wrap .ct_logo span.ct_name[id='20008'] {background-color:#0f3467;}
.ct_info_wrap .ct_logo span.ct_name[id='20009'] {background-color:#e6007e;}
.ct_info_wrap .ct_logo span.ct_name[id='20010'] {background-color:#00a4e5;}
.ct_info_wrap .ct_logo span.ct_name[id='20020'] {background-color:#fcaf17;}
.ct_info_wrap .ct_logo span.ct_name[id='20021'] {background-color:#de0012;}
.ct_info_wrap .ct_logo span.ct_name[id='20022'] {background-color:#f47321;}
.ct_info_wrap .ct_logo span.ct_name[id='20023'] {background-color:#fbc85a;}
.ct_info_wrap .ct_logo span.ct_name[id='20024'] {background-color:#e40e8f;}



.ct_info_wrap .ct_info {float:left;  width:65%}
.ct_info_wrap .ct_info > div {margin-left:15px;}
.ct_info_wrap .ct_info table {width:100%; margin:0 0 5px;}
.ct_info_wrap .ct_info table th,
.ct_info_wrap .ct_info table td {height:25px; font-size:13px;vertical-align:middle;}
.ct_info_wrap .ct_info table th {font-weight:bold; color:#323232; text-align:left; width:40%;}
.ct_info_wrap .ct_info table td {text-align:right; color:#787878; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ct_info_wrap .ct_info table th.lts_5{letter-spacing:5px;}
.ct_info_wrap .ct_info .btn_call {display:block;    background-color: #fff;    border: 1px solid #dcdcdc;    height:40px; line-height:40px; text-align:center; font-size:12px;}
.ct_info_wrap .ct_info .btn_call:before {display:inline-block; content:''; vertical-align:middle; margin-right:10px; width:15px; height:18px;
background:url("../img/common/ico_call.png") no-repeat center; background-size:15px auto;}
.ct_info_table {margin:15px 0 20px;}
.ct_info_table table {width:100%;}
.ct_info_table table tr {border-bottom:1px solid #dcdcdc;}
.ct_info_table table th,
.ct_info_table table td {font-size:14px; vertical-align:middle; padding:10px;}
.ct_info_table table th {text-align:left; font-weight:bold; color:#323232; width:30%;}
.ct_info_table table td {color:#787878; width:70%}


.tb_wrap {margin:10px 0;  border-radius:5px; border:1px solid #8ca5b8;  overflow:hidden;}
.tb_wrap .tb {width:100%; table-layout:fixed; border-radius:5px}
.tb_wrap .tb tr {border-bottom:1px solid #8ca5b8;}
.tb_wrap .tb tr:last-child {border-bottom: 0;}
.tb_wrap .tb th,
.tb_wrap .tb td {height:40px; vertical-align:middle; padding:10px; color:#061d2f; font-size:11px;}
.tb_wrap .tb th {  background-color: #d7e0e6;    color: #061d2f;    font-weight: bold;    text-align: left;  }
.tb_wrap .tb th.center {text-align:center;}
.tb_wrap .tb td {position:relative;}
.tb_wrap .tb td.bl {border-left: 1px solid #8ca5b8;}
.tb_wrap .tb td.right {text-align:right;}
.tb_wrap .tb td.center {text-align:center;}
.tb_wrap .tb tfoot th {background-color: #f3f6f8;}
.tb_wrap .tb tfoot tr:first-child {border-top:1px solid #8ca5b8;}
.tb_wrap .btns {position:absolute;right:10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}





.g_box {background-color: #f5f5f5;    border: 1px solid #e0e0e0;    margin: 0;    border-radius: 5px;    text-align: center;    padding: 14px;}


.tab_list {margin:15px 0;}
.tab_list ul {margin:0 -5px;}
.tab_list ul::after {display:block; clear:both; content:''}
.tab_list li {float:left; width:50%;}
.tab_list li [role='tab'] {display: block; font-size: 12px; color: #061d2f; background-color: #dcdcdc;margin: 5px 5px; text-align: center; height: 33px; line-height: 33px; border-radius: 5px;
cursor:pointer;}
.tab_list li.on [role='tab'] {background-color:#f54b00; color:#fff;}
.tab_list.type2 li.on [role='tab'] {background-color:#366182;}
.tab_list.col_3 li {width: 33.33%;} 
.tab_list.col_4 li {width: 25%;}
.tab_list.col_5 li {width: 20%;}

.tab_con {display:none;}
.tab_con.on {display:block;}


.cus_info_name .name{margin:0 0 10px; font-size:15px;}
.cus_info_name .name strong {font-weight:bold; color:#323232; margin-left:5px;}
.cus_info_name .num {font-size: 14px;    color: #f54b00;    font-weight: bold;}

.contact_info {margin:10px -15px 20px;}
.contact_info dl { position:relative; }
.contact_info dl dt {float:left;width:80px; text-align:center; padding-top:10px; }
.contact_info dl dt img {height:40px;}
.contact_info dl dt + dd {margin-left:80px;}
.contact_info dl dd { border-bottom:1px solid #dcdcdc; padding:10px 15px 10px; position:relative; word-break:break-word; height:60px;}
.contact_info dl dd strong {display:block; font-size:13px; color:#646464; margin:0 0 5px;}
.contact_info dl dd p {font-size:15px; color:#323232; font-weight:bold;}
.contact_info .btn_sms {display:block; position:absolute; right:15px; top:50%; width:40px; height:40px;  text-indent:-9999px;  margin-top:-20px;
background:url("../img/sub/contact_sms.png") no-repeat center; background-size:auto 20px;}

/* 고객검색 상세 요약정보*/
.summary_info {padding:20px 0; border-bottom:1px solid #dcdcdc; margin: 0 -15px;}
.summary_info .total_cnt {font-size:14px; margin:10px 0;}
.summary_info  .total_cnt  strong {margin-left:5px; color: #f54b00;    font-weight: bold;border-bottom: 1px solid #f54b00;}
.summary_list {margin:20px 0 10px;}
.summary_list li {float:left; width:25%; text-align:center; padding:0 5px;}
.summary_list li .icon {display:inline-block;width:60px; height:60px; border-radius:50%; background-color:#e6e6e6; background-repeat:no-repeat; background-position:center;
background-size:auto 120px; background-position: 50% 0;}
.summary_list li .txt {display:block; font-size:12px; margin:10px 0 5px;}
.summary_list li .cnt {display:block; font-size:18px; color:#061d2f;  font-weight:bold;}
.summary_list li.on .icon {background-color: #f54b00;background-position: 50% -60px;}
.tit {font-size:16px; color:#323232; font-weight:bold; margin:10px 0;}

.summary_list li.list01 .icon {background-image:url("../img/sub/summary_info_icon01.png");}
.summary_list li.list02 .icon {background-image:url("../img/sub/summary_info_icon02.png");}
.summary_list li.list03 .icon {background-image:url("../img/sub/summary_info_icon03.png");}
.summary_list li.list04 .icon {background-image:url("../img/sub/summary_info_icon04.png");}
.summary_detail {padding:20px 0;}
.summary_detail  .sort_box {margin:10px 0 0;}

.customer_detail_wrap .tit span {font-size:11px; color:#fcaf17; margin-left:10px; letter-spacing:-0.04em;}


/* 공지사항 게시판 */
.bbs_list li {padding: 15px 0;    border-bottom: 1px solid #eaeaea;}
.bbs_list li .date {font-size:11px; color:#787878; vertical-align:middle; margin-right:5px;}
.bbs_list li .icon {vertical-align:middle;}
.bbs_list li .icon img {height:18px; vertical-align:top;}
.bbs_list li .menu {font-size:11px; color:#787878; vertical-align:middle; float:right;}
.bbs_list li .subject {display:block;    font-size: 14px;    color: #323232;   padding-top: 8px;    line-height: 1.4;}
.bbs_list li .subject.visited { font-weight:bold; }

.bbs_view .contents {padding:15px; font-size:12px; line-height:1.5;}
.bbs_view .files:hover {text-decoration:underline;}

.bbs_tab dl {margin: 5px 0;}
.bbs_tab dt {background-color: #f5f5f5; padding: 14px;  padding-left: 40px;   cursor: pointer; position: relative;}
.bbs_tab dt:before {display: block; content: ''; width: 20px; height: 20px; position: absolute; left: 10px; top: 50%; margin-top: -10px;
    background-image: url("../img/common/ico_menu_more.png");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto 40px;}
.bbs_tab dt .date {display: block;font-size: 12px; color: #787878; margin-bottom: 10px;}
.bbs_tab dt .subject {line-height: 1.5;  font-size: 14px; color: #323232; }
.bbs_tab dd {padding: 15px; font-size: 12px; line-height: 1.5; display: none;}
.bbs_tab dl.on dd {display: block;}
.bbs_tab dl.on dt {border: 1px solid #f47320;}
.bbs_tab dl.on dt:before {background-position: 50% -20px; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.bbs_tab dl.on .subject {font-weight: bold;}


/* 긴급출동 */

.emergency_list li .box { border: 1px solid #dcdcdc;    border-radius: 5px;    margin: 10px 0;}
.emergency_list li .box td {padding:10px; vertical-align:middle; height:50px; text-align:center;}
.emergency_list li .box .company {width:130px; }
.emergency_list li .box .company img {width:200px;}
.emergency_list li .box .tel {width:auto; font-size:20px; font-weight:bold; text-align:center;}
.emergency_list li .box .copy {width:60px;}
.emergency_list li .box .copy [role='button'] {display:block; width:40px; height:40px; background:url("../img/common/ico_copy.png") no-repeat center; background-size:20px;
text-indent:-9999px; cursor:pointer;}



/* 실적 토글 버튼 */

.btn_condition {display: inline-block; font-size: 12px; color: #787878; border: 1px solid #dcdcdc; border-radius:30px;
height: 32px; line-height: 32px; padding: 0 10px; min-width:80px; float:left; text-align: center;}
.btn_condition:before {display: inline-block; content: ''; width: 12px; height: 12px; margin-right: 5px;
background: url("../img/common/ico_condition.png") no-repeat center; background-size:auto 12px; vertical-align: middle;}

.toggle_button_wrap {position: relative; overflow:hidden;}
.toggle_button_wrap {margin:20px 0; text-align:right;}
.toggle_button_wrap .toggle_label:before {display:inline-block; content:'내 실적';font-size:13px; font-weight:bold; color:#061d2f; margin-right:10px; font-size: 12px;}
.toggle_button_wrap .checkbox-toggle {visibility:hidden;}
.toggle_button_wrap .toggle_button {position:relative; display:inline-block; vertical-align:middle; cursor:pointer} 
.toggle_button_wrap .toggle_button:before {display:inline-block; content:'';width:55px; height:31px;  border-radius:55px; background-color:#e9e9e9; position:relative; z-index:1;}
.toggle_button_wrap .toggle_button:after {display:inline-block; content:''; width:25px; height:25px; border-radius:50px; background-color:#fff; z-index:2;
    position:absolute; top:3px; left:3px;
    transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
.toggle_button_wrap .checkbox-toggle:checked ~ .toggle_label:before {content:'조직 실적';}
.toggle_button_wrap .checkbox-toggle:checked ~ .toggle_label .toggle_button:before{background-color:#061d2f;}
.toggle_button_wrap .checkbox-toggle:checked ~ .toggle_label .toggle_button:after {left:27px;}




/* 실적조회 */
.list_type3 {overflow:hidden;}
.list_type3 li {margin:10px 0;}
.list_type3 .list_box {display:block; border:1px solid #dcdcdc; border-radius:7px; padding-left:7px; overflow:hidden; position:relative;}
.list_type3 .list_box:before {display:block; content:'';position:absolute; left:0; top:0; width:7px; height:100%;
background-color:#8e8e8e;}
.list_type3 .list_box .top_box {padding:15px;}
.list_type3 .list_box .top_box .subject {display:inline-block; font-size:17px; color:#323232; font-weight:bold; 
padding:0; line-height:1.5; position:relative;min-height:20px; margin:0 0 15px; } 

.list_type3 .list_box .top_box .subject:after{	content: "";    display: block;    height: 2px;    background: #333;}

.list_type3 .list_box .top_box table td {font-size:12px;}
.list_type3 .list_box .top_box table td.cnt strong {margin-left:5px; color:#323232; font-weight:bold;}
.list_type3 .list_box .top_box table td.point {color:#f54b00; font-weight:bold; font-size:14px;}
.list_type3 .list_box .top_box table td.point span:before {
	display: inline-block;
    content: '';
    vertical-align: middle;
    width: 22px;
    height: 16px;
    margin-right: 5px;
    background: url("../img/common/ico_point.png") no-repeat center;
    background-size: auto 16px;
}
.list_type3 .list_box .toggle {display:block; width:20px; height:20px; text-indent:-9999px; z-index:2;
position:absolute; right:15px; top:15px; background:url("../img/sub/list_type3_icon_toggle.png");  background-size:auto 40px;}
.list_type3 li.on .list_box .toggle {background-position: 0 -20px;}
.list_type3 .list_box .top_box table td.point strong {float:right;}
.list_type3 .list_box .bottom_box {background-color:#efefef; text-align:center; height:40px; line-height:40px;
text-align:left; padding:0 15px; font-size:11px; color:#323232; font-weight:bold;}
.list_type3 .list_box .bottom_box p span {color: #787878;font-weight: normal;}
.list_type3 .list_box .detail_box {display:none;}
.list_type3 li.on .list_box .detail_box {display:block;}
.list_type3 .list_box .detail_box table {width:100%; table-layout:fixed;}
.list_type3 .list_box .detail_box td {font-size:12px; height:33px;color:#787878; font-weight:normal; vertical-align:middle;
padding:5px 10px; line-height:33px; width:50%;}
/* .list_type3 .list_box .detail_box .title {color:#323232; font-weight:bold;} */
.list_type3 .list_box .detail_box strong {float:right;}
.list_type3 .list_box .detail_box strong b {color:#323232; font-weight:bold;}
/* .list_type3 .list_box .detail_box .cnt strong b { border-bottom:1px solid #323232;} */
.list_type3 .list_box .detail_box .point span {display:inline-block; width:40%; text-align:center;}
.list_type3 .list_box .detail_box .title:before{
	display: inline-block;
    content: '';
    vertical-align: middle;
    width: 25px;
/*     height: 25px; */
    margin-right: 5px;
	background-size:25px;
}
.list_type3 .list_box .detail_box .d_01 .title:before {background-image:url("../img/sub/list_type3_icon_icon01.png");}
.list_type3 .list_box .detail_box .d_02 .title:before {background-image:url("../img/sub/list_type3_icon_icon02.png");}
.list_type3 .list_box .detail_box .d_03 .title:before {background-image:url("../img/sub/list_type3_icon_icon03.png");}
.list_type3 .list_box .detail_box .d_04 .title:before {background-image:url("../img/sub/list_type3_icon_icon04.png");}
.list_type3 .list_box .detail_box .d_05 .title:before {background-image:url("../img/sub/list_type3_icon_icon05.png");}




.step_wrap {display:none;}
.step_wrap10 {display:block;}
.step_wrap10 li.selected .list_box:before {background-color:#ae7a43;}
.step_wrap20 li.selected .list_box:before {background-color:#495db4;}
.step_wrap30 li.selected .list_box:before {background-color:#5a8c43;}
.step_wrap40 li.selected .list_box:before {background-color:#eea32c;}
.step_wrap50 li.selected .list_box:before {background-color:#cb5e37;}
.step_wrap60 li.selected .list_box:before {background-color:#bf53a9;}
.step_wrap70 .tab_list {margin:0;}
.step_wrap70 .tab_list ul {margin:0 -5px;}




.step_list {text-align:left;  white-space:nowrap; overflow-y:auto; -webkit-overflow-scrolling:touch; margin:20px 0; margin-left:-15px;  font-size:0;}
.step_list ul {margin:0 -3px; padding:0 15px;}
.step_list li {display:inline-block; min-width:33.3333%;}
.step_list li [role="tab"] { display:block; height:30px; line-height:30px; border-radius:5px; padding:0 20px;  box-sizing:border-box; -webkit-box-sizing:border-box;
margin:3px; background-color:#dcdcdc; border-radius:5px; font-size:12px; color:#061d2f;text-align:center;}
.step_list li.selected [role="tab"] {background-color: #f54b00; color:#fff;}


/* 실적조회  상세 */

.profit_detail {margin:20px 0;}
.profit_detail .g_box {margin:0;}
.profit_detail .g_box th,
.profit_detail .g_box td {padding:5px; vertical-align:middle;}
.profit_detail .g_box th {font-size:12px; color:#787878; text-align:left;}
.profit_detail .g_box td {text-align:right; color:#323232; font-size:20px; font-weight:bold;}
.profit_detail .g_box p {font-size: 11px; color: #366182; font-weight: bold; text-align: right; margin:15px 0 0;}


/* 실적조회 차트 */
.chart_list {margin:20px 0;}
.chart_list dl {overflow:hidden; margin-top:-1px;}
.chart_list dt {float:left; width:20%; height:45px;  line-height:45px; border-right:1px solid #c8c8c8; position:relative; font-size:12px; text-align:center;}
.chart_list dt::before,
.chart_list dt::after {width:8px; height:1px; display:inline-block; background-color:#c8c8c8; content:''; position:absolute; right:0;}
.chart_list dt::before {top:0;}
.chart_list dt::after {bottom:0;}
.chart_list dd {padding:4px 0; margin-left:20%;}
.chart_list dd p {margin:2px 0; font-size:0; width:75%}
.chart_list .cnt {display:inline-block; vertical-align:middle; font-size:13px; margin-left:10px; line-height:15px; position:absolute; max-width:100%;}
.chart_list .bar {display:inline-block; height:15px; vertical-align:middle; position:relative; max-width:100%;}
.chart_unit {font-size: 11px;    color: #969696;    text-align: right; margin:20px 0;}
.chart_caption {text-align:center;     height: 40px;    line-height: 40px;    background-color: #efefef; margin:0 -15px -15px;} 
.chart_caption p {display:inline-block; margin:0 15px; font-size: 11px;}
.chart_caption .bar {display:inline-block; width:23px; height:6px; margin-right:5px;}
.chart_cnt .bar.current_month {background-color:#f07d5d;}
.chart_cnt .bar.month_avarage {background-color:#4ba6dd;}
.chart_price .bar.current_month {background-color:#f9a54b;}
.chart_price .bar.month_avarage {background-color:#59beca;}


/* 실적조회 프로필 */
.profit_profile {margin: -15px -15px 0; border-bottom: 1px solid #dcdcdc;;}
.profile_name {background-color: #f54b00; height: 57px; line-height: 57px;  color: #fff;  text-align: center;  font-size: 22px;}
.profile_wrap {padding: 15px; position: relative; padding-left: 130px;}
.profile_img {position: absolute; left: 15px; top: -15px;}
.profile_img img {width: 90px;}
.profile_wrap .profile_info table th {text-align: left; font-size: 12px;}
.profile_wrap .profile_info table td {text-align: right; color: #061d2f;    font-size: 20px;  font-weight: bold;}
.profile_wrap .profile_info p {color: #366182; font-size: 12px; text-align: right; margin: 15px 0 0;}


/* 비교견적조회 */
.list_type4 li {margin:10px 0; position:relative;}
.list_type4 li:nth-child(even) .list_type1 .list_box:before {background-color:#fcaf17;}
.list_type4 .list_box {display:block; border:1px solid #dcdcdc; border-radius:7px; padding-left:7px; overflow:hidden; position:relative; }
.list_type4 .list_box:before {display:block; content:'';position:absolute; left:0; top:0; width:7px; height:100%; background-color:#8e8e8e;}
.list_type4  li.selected .list_box {border-color:#366182;}
.list_type4  li.selected .list_box:before { background-color:#366182;}
.list_type4 .list_box td {vertical-align:middle; padding:10px 2px; width:40%;}
.list_type4 .list_box td.state {text-align:center; width:20%; padding-left:15px;}
.list_type4 .list_box td.state i img {max-height:50px;}
.list_type4 .list_box td.state span {display:block; font-size: 12px; border-bottom: 1px solid #323232;   color: #323232;    font-weight: bold;    text-align: center;}
.list_type4 .list_box td.state span.complete {color:#f54b00;}
.list_type4 .list_box td.info {text-align:center;}
.list_type4 .list_box td.info p {margin:5px 0;}
.list_type4 .list_box td.info p.name {font-size: 12px;    color: #787878;    font-weight: bold;}
.list_type4 .list_box td.info p.name strong {color: #323232;    font-weight: bold;}
.list_type4 .list_box td.info p.number {font-size: 10px;    color: #787878;}
.list_type4 .list_box td.info p.number strong {    color: #f54b00;     font-weight: bold;}
.list_type4 .list_box td.btn_box {text-align:right; padding-right:15px; font-size:0;}
.list_type4 .list_box td.btn_box .date { font-size: 12px; color: #787878; text-align: right;  margin:0 0 5px;}
.list_type4 .list_box td.btn_box [role=button] {display:inline-block; width:30px; height:30px; text-indent:-9999px; font-size:0; background-size:30px; margin-left:3px;}
.list_type4 .list_box td.btn_box .btn_sms {background-image:url("../img/sub/list_type4_icon_sms.png");}
.list_type4 .list_box td.btn_box .btn_kakao {background-image:url("../img/sub/list_type4_icon_kakao.png");}
.list_type4 .list_box td.btn_box .btn_email {background-image:url("../img/sub/list_type4_icon_email.png");}

#btn_premRslt{position: relative; left: -6px;  top: 9px;}
.list_type4 .list_box td.btn_box .btn_sms.sms_icon {position: relative;  top: -10px;}

.estimate_detail {margin:15px 0;}
.estimate_detail .btn_wrap {margin:40px 0; text-align:center;}
.estimate_detail .btn_wrap li {display:inline-block; margin:0 5px;}
.estimate_detail .btn_wrap li [role=button] {display:block; width:60px; height:60px; background-position:center; background-size:60px;}
.estimate_detail .btn_wrap li [role=button].btn_sms {background-image:url("../img/sub/list_type4_icon_sms.png");}
.estimate_detail .btn_wrap li [role=button].btn_kakao {background-image:url("../img/sub/list_type4_icon_kakao.png");}
.estimate_detail .btn_wrap li [role=button].btn_email {background-image:url("../img/sub/list_type4_icon_email.png");}
.estimate_detail .btn_wrap li span {display:block; font-size:12px; margin:10px 0 0;}


/* 상세 팝업 */
.popup_detail {position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index: 99; padding-bottom:60px ;}
.popup_detail_con {overflow-y:auto; -webkit-overflow-scrolling:touch; height: calc(100vh - 130px);}
.popup_detail .tit_area h2 {text-align:left;}
.popup_detail .btn_close {position:absolute; right:0; top:0; width:50px; height:50px; text-indent:-9999px;
background:url("../img/common/ico_close_w.png") no-repeat center; background-size:15px;}
.popup_detail .popup_close {position:fixed; bottom:0; left:0; right:0; height:60px; background-color:#efefef; text-align:right; padding:15px 15px;}
.popup_detail .price { font-size: 20px;  color: #061d2f;  font-weight: bold;  margin: 20px 0;}
.popup_detail .price strong {  font-size: 35px; font-weight:bold;}

.popup_detail {display: none;}

.popup_detail .total_price {margin-top: 50px;}
.popup_detail .total_price h4 {font-size: 14px; color: #f54b00; margin: 0 0 20px; font-weight: bold;}
.popup_detail .total_price p {font-size: 20px; color: #061d2f; text-align: right; font-weight: bold;}
.popup_detail .total_price p strong {font-size: 27px; }

/* 기간설정 */
.date_period {margin: 30px 0; }
.date_period span {display: inline-block; width: 10%; float: left; text-align: center; color: #323232; font-size: 28px; line-height: 28px;}
.date_period .cal_day {width: 45%; text-align: left; position: relative;}
.date_period .cal_day_s {width: 100%; text-align: left; position: relative;}
.date_period .cal_day_s .icon {display: block;content:'';width: 20px; height: 20px; position: absolute; right: 5px; top: 50%; margin-top: -15px;
background: url("../img/common/ico_cal.png") no-repeat center; background-size:auto 18px;}
.date_period .cal input[type=month],
.date_period .cal input[type=text] {margin:0;  -webkit-appearance: none;  display:block; border-radius:0; border:0; box-shadow:none; width: 100% !important;  height:30px !important; border: 0; 
border-bottom: 1px solid #061d2f; padding: 0.5em 1em; padding-right:25px;}
.date_period .btn_wrap {margin: 20px 0 0;}
.date_period .btn_wrap .btns {width: 100%;}
.date_period .cal_day .icon {display: block;content:'';width: 20px; height: 20px; position: absolute; right: 5px; top: 50%; margin-top: -15px;
background: url("../img/common/ico_cal.png") no-repeat center; background-size:auto 18px;}
.date_period .cal input:disabled  {background-color:transparent; color:#c1c1c1}


/* 수당명세조회 */
.popup_detail_2 .btn_gotop {display:block !important; bottom:80px; z-index:100};
.aw_date_period {margin:15px 0;}
.aw_info_wrap {background-color: #efefef;text-align: center;padding: 25px 15px;margin: 0 -15px;}
.aw_info_wrap .name {    font-size: 20px;color: #061d2f;font-weight: bold;margin-bottom: 20px;}
.aw_info_wrap h4 {font-size: 13px;color: #f54b00;border-radius: 10px;background-color: #fff;display: inline-block;padding: 5px 20px;font-weight: bold;}
.aw_info_wrap .amount {font-size: 20px;    color: #061d2f;    font-weight: bold;    margin-top: 13px;}
.aw_info_wrap .amount strong {font-size: 27px;}

.aw_info_list li {margin: 25px 0; border-bottom: 1px solid #dcdcdc; position: relative;}
.aw_info_list li h4 {font-size: 14px;    color: #787878;    padding: 0 0 10px;}
.aw_info_list li p {font-size: 20px;color: #061d2f;font-weight: bold;padding: 20px 0;}
.aw_info_list .btns {position: absolute; right: 0; top: 0;}


/* 캠페인 */
.sch_box #condBox2 {position: relative; width: 100%;}
.list_type5 {overflow:hidden;}
.list_type5 li {margin:10px 0;}
.list_type5 .list_box {display:block; border:1px solid #dcdcdc; border-radius:7px; padding-left:7px; overflow:hidden; position:relative;}
.list_type5 .list_box:before {display:block; content:'';position:absolute; left:0; top:0; width:7px; height:100%; background-color:#8e8e8e;}
.list_type5 .list_box {padding:15px;}
.list_type5 .list_box table td {height:25px; font-size:13px;vertical-align:middle;}
.list_type5 .list_box table td.name {width: 30%;}
.list_type5 .list_box table td.cnt {width: 25%;}
.list_type5 .list_box table td.date {width: 45%; text-align:right;}
.list_type5 .list_box table td span {margin: 0 5px;}
.list_type5 .list_box table td strong {margin-left:5px; color:#323232; font-weight:bold;}


.popup_detail .tit_area h2 {text-align:center;}
.popup_detail .popup_detail_cmp {overflow-y:auto; -webkit-overflow-scrolling:touch; height: calc(100vh - 130px);}
.popup_detail .popup_detail_cmp h2 {margin-top:20px; font-weight:bold; font-size: 14px;}
.popup_detail .popup_detail_cmp h2:before {display:inline-block; content:''; border-radius:8px; width:8px; height:8px; background-color:#494949; margin-right:5px;}

.popup_detail .popup_detail_cmp .cust th {width:20%; text-align:center; font-size:13px;}
.popup_detail .popup_detail_cmp .cust td {width:30%; font-size:12px;}

.popup_detail .popup_detail_cmp .vst div.st {text-align:right; font-size:12px;}
.popup_detail .popup_detail_cmp .vst th {width:20%; text-align:center; font-size:12px;}
.popup_detail .popup_detail_cmp .vst td {text-align:center; font-size:12px;}
.popup_detail .popup_detail_cmp .vst td.toggle {text-align:right;}

.popup_detail .popup_detail_cmp .vst .toggle {display:block; width:20px; height:20px; text-indent:-9999px; z-index:2; position:absolute; right:15px; top:10px; background:url("../img/sub/list_type3_icon_toggle.png");  background-size:auto 40px;}
.popup_detail .popup_detail_cmp .vst .detail_box {display:none; margin-top: -11px;}
.popup_detail .popup_detail_cmp .vst li.on .detail_box {display:block;}
.popup_detail .popup_detail_cmp .vst li.on .toggle {background-position: 0 -20px;}
.popup_detail .popup_detail_cmp .vst .detail_box th {background-color:#f7f0f6}
.popup_detail .popup_detail_cmp .vst .detail_box td {font-size:12px; color:#787878; text-align:left; vertical-align:middle; padding:5px 10px; line-height:33px;}
.popup_detail .popup_detail_cmp .vst .detail_box strong {float:right; color:#323232; font-weight:bold;}


/* 환경설정 */
.settings_list {margin:-15px 0;}
.settings_list li { color: #323232;   font-size: 13px;  border-top: 1px solid #e0e0e0;}
.settings_list li a {display: block; height: 50px;    line-height: 50px; padding: 0 15px;}
.settings_list h4 {
    background-color: #f5f5f5;
    font-weight: bold; 
	padding: 0 15px;
	height: 50px;    line-height: 50px; 
}
.settings_list dl {padding: 15px;}
.settings_list dl dt {margin: 0 0 10px;}
.settings_list dl dd {color: #969696;}
.settings_list .dep2 li a {position: relative;}
.settings_list .dep2 li a:after {position: absolute; right: 15px; top: 50%; margin-top: -10px; display: block; content: ''; width: 20px; height: 20px; background: url("../img/common/ico_menu_more.png") no-repeat 50% 0; background-size:20px; }
.settings_list .dep2 li.on a {color: #f54b00;}
.settings_list .dep2 li.on a:after {background-position: 50% -20px;}


/* my정보 */
.myinfo_box p.name {font-size: 28px;    color: #323232;     letter-spacing: 7px;    margin:15px 0;}
.myinfo_box p.name strong {  font-weight: bold; }
.myinfo_box p.number {font-size: 19px;    color: #f37321;    font-weight: bold; margin: 15px 0;}


/* 조회 조건 설정 */
.condition_detail dl {margin: 15px 0;}
.condition_detail dl dt {    font-size: 14px;    color: #787878;    margin: 10px 0;}
.condition_detail dl dd select[name^=cd_select] {height: 45px;    width: 100%;    border-radius: 5px;    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;padding:0.5em 1em; 
	background-repeat:no-repeat; background-position:95% 50%; background-size: 13px auto;}
.condition_detail dl dd p {position: relative; padding-right: 30px; border-bottom: 1px solid #dcdcdc;}
.condition_detail dl dd input[name^=cd_search]  {height: 30px; border: 0;  padding: 0.5em 0;
width: 100%;}
.condition_detail dl dd button {position: absolute; right:0; bottom: 0; width: 30px; height: 30px; text-indent: -9999px;
background:url("../img/common/ico_search_on.png") no-repeat center; background-size:auto 20px; z-index: 2;}

.popup_detail_tab {min-height: 86px;}
/* 조직검색 사원검색 */
.popup_detail_sch {margin:15px 0;}
.popup_detail_sch .sch_area {display: block; position: relative; border-bottom: 1px solid #dcdcdc;}
.popup_detail_sch .sch_area input[type=text] {width: 100%; border: 0; height: 30px;}
.popup_detail_sch .sch_area .btn_search {position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; text-indent: -9999px;
background:url("../img/common/ico_search_on.png") no-repeat center; background-size:auto 20px;
}
.popup_detail_sch .sch_area .btn_search_reset {position: absolute;right: 35px; bottom: 5px; width: 20px; height: 20px; text-indent: -9999px;
    background: url(../img/common/ico_menu_close.png) no-repeat center #dcdcdc; background-size:auto 10px; border-radius:50%;}
.popup_detail_sch_result {margin: 0 -15px;}
.popup_detail_sch_result h4 {border-bottom: 1px solid #dcdcdc; padding: 10px 15px; font-size:13px; color: #646464;}
.popup_detail_sch_result .result_list {margin: 15px 20px;}
.popup_detail_sch_result .result_list ul {display: none;}
.popup_detail_sch_result .result_list li {border-bottom: 1px solid #dcdcdc;  padding: 10px 15px;}
.popup_detail_sch_result .result_list li a {display: block; color: #323232; font-size: 15px; font-weight: bold;}
.popup_detail_sch_result .result_list li a span {margin-right: 5px;}
.popup_detail_sch_result .result_list li p {display: block; color: #bcbcbc; font-size: 13px;}
.popup_detail_sch_result .result_list .empty {border-bottom: 1px solid #dcdcdc;  padding: 10px 15px; font-size: 15px; color:#a5a5a5;}
.popup_detail_sch_result .result_list.on .empty {display: none;}
.popup_detail_sch_result .result_list.on ul {display: block;}


.list_type1 .list_box .top_box .card_txt span{display: inline;}
.list_type1 .list_box .bottom_box  td.card_txt span:before {display: none;}

.card_txt{width: 30%; font-size: 12px;}
.pohd.card_txt{width: 90%;}

.top_box .card_box {margin-top: 10px;}
.card_txt strong {font-weight: bold; font-size: 15px; margin-left: 1px;}

.bottom_box .card_txt strong{font-size: 13px;}

.pohd{color: #787878; width: 34%}
.pohd strong{color: #222;}
.red{color: rgb(192,0,0);}
.blue{color: rgb(0,112,192);}
.org{color: #f54b00; width: 21%}
.m_left{margin-left: 4px;}

.cnt_wrap{display: inline-block; margin: 0px 30px; font-size: 15px;  color: #787878;}
.cnt_wrap span{margin-right : 6px;}


.card_txt  span.pohd_nm:before {display: inline-block; content: ''; vertical-align: middle; width: 11px;  height: 13px;  margin-right: 5px;  background: url(../img/common/ico_person.png) no-repeat center;  background-size: auto 13px;}
.org:before {display: inline-block; content: ''; vertical-align: middle; background-image: url(../img/common/ico_deposit.png); width: 9px; height: 15px; background-size: cover;}

.org_txt{color: #f54b00;  font-weight: bold; }    
.org_txt #won{color: #f54b00; font-size: 14px;}    
.mg_left{    margin-left: 5px;  font-size: 14px;}