@charset "utf-8";
body{overflow-y:scroll;}
.wrap{ width:100%; min-width:1000px; position:relative;/*  padding-bottom:1em; */ min-height:100%; margin:0px auto -193px;}

/* headerArea */
.headerArea{height:54px; width:100%; border-bottom:1px solid #ccc;}

.hiddenframe {border:1px solid red; frameborder:0; width:0; height:0; marginheight:0; marginwidth:0;display:none; }

/* header */
.header{ width:1000px; margin:0 auto; }
.header h1{margin-top:15px; float:left;}
/* .header .search #search{float:left; width:244px; background:url("../../../img/co/common/common/img_search_bg.gif") no-repeat; border:none; padding:0px 50px 0 15px; height:34px; margin:10px 0 0 220px;  }
.header .search p{position:absolute; right:50%; top:18px; margin-right:-70px; }
 */

.header .topmenu{float:right; }
.header .topmenu li{float:left; margin-top:18px; }

.header .topmenu li a{font-size:12px; display:block; color:#888; padding:0 5px; background:url("../../../img/co/common/common/img_top_bar.gif") no-repeat 0 center;  }
.header .topmenu li.log a{background:none;}
.header .topmenu li.logg a{background:none; margin:-6px 0 0 0; color:#fff; background:#3aa347; padding:6px 10px; border:1px solid #3aa347; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.header .topmenu li.search{margin-top:10px;}
.header .topmenu li.search label{position:relative; background:url("../../../img/co/common/common/img_search_bg.gif") no-repeat;   height:34px; width:244px; display:block; padding-right:5px;}
.header .topmenu li.search label #search{border:none;  width:200px; background:none; padding-left:20px;  display:inline-block;}

.header .topmenu li.search label input[type="image"]{cursor:pointer; display: inline-block; vertical-align: -3px;}
.header .topmenu li.user_name{margin:16px 10px 0 0;}
.header .topmenu li.user_name b{font-weight:bold; color:#555; display:inline-block; margin-left:5px;}
.header .topmenu li.user_name a{font-size:14px; color:#666; background:none;}
.header .topmenu li.lang_box select{display:block; width:90px; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:url("../../../img/co/common/common/img_sel_arr.gif") no-repeat 70px center;  font-size:12px; cursor:pointer; color:#888 ; margin:-5px 0 0 10px; line-height:10px;}
.header .topmenu li.lang_box select option{padding:5px; font-size:12px ;  background:#eee; }


/* nav */
.nav{width:100%; height:59px ; border-bottom:2px solid #3aa347;}
.nav ul.menu{text-align:center; width:1000px; margin:0 auto;}
.nav ul.menu li{display: inline-block;  padding: 17px 0px 24px }
.nav ul.menu li a{font-size:16px; color:#454545; letter-spacing:-0.3px;   width:117px; font-weight:bold; display:block;}
.nav ul.menu li a:hover, .nav ul li a.on{color:#3aa347}

/* submenu */

.nav .submenu{width:100%; height:230px; background:#4d4d4d; position:absolute; top:116px; z-index:99999; display:none;}
.nav .submenu .sub_cont .sub_con{text-align:center; }
.nav .submenu .sub_cont ul{height:185px; display:inline-block; padding: 20px 0px 24px ; width:117px; }
.nav .submenu .sub_cont ul li a{display:block; font-size:12px ; color:#ccc;margin-bottom:10px}
.nav .submenu .sub_cont ul li a:hover, .nav .submenu .sub_cont ul li a.on{color:#fff;}




/* footer */

.footer{width:100%;/*  margin-top:2em; */  border-top:1px solid #ccc;   /* height:1em;  */ clear:both;  height:193px;}
.footer .foot{width:100%; border-bottom:1px solid #ccc; height:79px; display:block; }
.footer .foot .famsite{position:relative; width:1000px; margin:0 auto; height:80px;}
.footer .foot .famsite .f_left_arr{position:absolute; left:0 ; top:30px;}
.footer .foot .famsite .f_rt_arr{position:absolute; right:0; top:30px;}
.footer .foot .famsite ul{padding:0 15px;}
.footer .foot .famsite ul li{float:left; margin-top:22px; height:32px; border-right:1px solid #ddd; padding:0 12px;}
.footer .foot .famsite ul li.lst{border-right:none;}

.footer .foot .footerArea{width:100%; background:#eee; height:114px}
.footer .foot .footerArea .f_info {width:1000px; margin: 0 auto;}
.footer .foot .footerArea .f_info h5{padding-top:30px; float:left;}

.footer .foot .footerArea .f_info .info{float:left; margin:25px 0 0 50px;}
.footer .foot .footerArea .f_info .info li{float:left; }
.footer .foot .footerArea .f_info .info li a{display:block; padding:0 12px; font-size:15px; color:#444; background:url("../../../img/co/common/footer/img_foot_bar.gif") no-repeat right center;}
.footer .foot .footerArea .f_info .info li.warning a{background:none;}
.footer .foot .footerArea .f_info .times{ float:left; color:#888; font-size:13px; margin-left:62px;} 



/*병원간호사회 전용 */
.footer .foot .footerArea_khna{width:100%; background:#bfbfbf; height:114px}
.footer .foot .footerArea_khna .f_info {width:1000px; margin: 0 auto;}
.footer .foot .footerArea_khna .f_info h5{padding-top:30px; float:left;}

.footer .foot .footerArea_khna .f_info .info{float:left; margin:25px 0 0 50px;}
.footer .foot .footerArea_khna .f_info .info li{float:left; }
.footer .foot .footerArea_khna .f_info .info li a{display:block; padding:0 12px; font-size:15px; color:#444; background:url("../../../img/co/common/footer/img_foot_bar.gif") no-repeat right center;}
.footer .foot .footerArea_khna .f_info .info li.warning a{background:none;}
.footer .foot .footerArea_khna .f_info .times{ float:left; color:#444; font-size:13px; margin-left:62px;}
.footer .foot .footerArea_khna .f_info .timesFxk{ float:left; color:#888; font-size:13px; margin:40px 0 0 80px;} /* 후지전용 */



/* quick */
.quick {position:absolute; right:50%; margin-right:-620px; width:110px; }
.quick h3{ background:#3aa347; color:#fff; font-size:16px; text-align:center; padding:10px 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 7px 7px 0 0 ; border-radius: 7px 7px 0 0; }
.quick ul{width:108px ; border-left:1px solid #ccc; border-right: 1px solid #ccc; padding:5px 0 15px 0; background:#fff;}
.quick ul li{padding:10px 16px 0; font-size:13px;}
.quick ul li span{margin-left:5px; color:#3aa347; display:inline-block;}
.quick .more a{display:block; color:#fff; padding:10px 25px;   font-size:14px; background:#4d4d4d url("../../../img/co/common/common/img_quick_arr.png") no-repeat 75px  center;  -webkit-border-radius: 0 0  7px 7px; -moz-border-radius:  0 0 7px 7px; border-radius:  0 0 7px 7px; }
.quick .more a:hover{background:#3aa347 url("../../../img/co/common/common/img_quick_arr.png") no-repeat 75px  center;}
.top{margin-top:50px;}

/* quick_on */

.quick_on{position:fixed; background:#fff; top:0; border-top:2px solid #3aa347; z-index:19; width:380px; height:auto; right:0; display:none;} /* position:absolute -> position:fixed 2016.04.06 khpark  */
.quick_on .cate{width:380px; background:#222; }
.quick_on .cate .name{padding:20px 30px; margin-bottom:10px;}
.quick_on .cate .name img{display:inline-block; float:left; }
.quick_on .cate .name span{ display:inline-block; color:#fff; margin:12px 0 0 20px; }
.quick_on .cate li.cates{float:left; width:70px; height:53px; border-right:2px solid #474747; border-top: 2px solid #474747; padding:8px; color:#666; font-size:14px; padding-left:15px; }
.quick_on .cate li.cates img{margin-top:2px;}
.quick_on .cate li.fst , .quick_on .cate li.lst{width:71px;}
.quick_on .cate li.fst img{display:block; margin-top:5px;}
.quick_on .cate li.lst{border-right:none;}

.quick_on .cate li span.nums{display:block; text-align:right; margin:12px 5px 0 0; color:#aaa;}
.quick_on h4 , .quick_on h5{background:url("../../../img/co/common/common/img_quick_bg.png") no-repeat; height:49px;border-bottom:1px solid #ccc; color:#444; font-size:16px; font-weight:normal; border-top:1px solid #ccc;}
.quick_on h4 {border:none;}
.quick_on h4 span, .quick_on h5 span{display:block; padding:12px 0 12px 45px; background:url("../../../img/co/green/common/img_quick_ttl01.png") no-repeat 20px center;}
.quick_on h4 span a, .quick_on h5 span a {display:block; padding:3px 10px; background:#8f8f8f; float:right; font-size:13px; color:#fff; font-weight:normal; margin-right:20px;
border:1px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:-2px;}
.quick_on h5 span a {background:none; border:none; margin:0 10px 0 0 ;}
.quick_on .q_02 span{background:url("../../../img/co/green/common/img_quick_ttl02.png") no-repeat 18px center; }
.quick_on .q_03 span{background:url("../../../img/co/green/common/img_quick_ttl03.png") no-repeat 18px center; }
.quick_on .q_04 span{background:url("../../../img/co/green/common/img_quick_ttl04.png") no-repeat 18px center; }
.quick_on .q_05 span{background:url("../../../img/co/green/common/img_quick_ttl05.png") no-repeat 18px center; }
.quick_on .q_06 span{background:url("../../../img/co/green/common/img_quick_ttl06.png") no-repeat 18px center;}


.quick_on .cons{padding:14px 20px;}
.quick_on .lst{ padding-bottom:20px;}
.quick_on .cons li a{display:block; line-height:22px; font-weight:normal; font-size:14px; color:#888; font-family:'NanumBarunGothic', sans-serif;}

.quick_on .q_04_txt, .quick_on .q_05_txt{text-align:center; display:block; padding:30px 0 20px 0; font-size:13px; font-weight:normal; color:#888;}
.quick_on .q_04_txt a, .quick_on .q_05_txt a{text-align:center; display:block; padding:5px ; background:#636363; width:104px; color:#fff; margin:10px auto;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.quick_top{position:absolute; bottom:0; left:50%; margin-left:-35px; }
.quick_top a{display:block; font-size:13px; color:#5f5f5f; padding:15px 30px 10px 30px; background:#eee ; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0; }
.quick_top img{display:inline-block;}


/* quick_bg */

.q_bg{position:fixed; z-index:10; width:100%; top:0; left:0; display:none;} /* position:absolute -> position:fixed 2016.04.06 khpark  */
.q_bg img{display:block; width:100%; }
.q_bg2{position:absolute; z-index:10; width:100%; top:0; left:0; display:block;}
.q_bg2 img{display:block; width:100%; }


/* quick close */
.q_close{position:fixed; right:380px; top:250px; z-index:21; display:none;} /* position:absolute -> position:fixed 2016.04.06 khpark  */

/* quick2 */
.quick2 {position:absolute; right:50%; margin-right:-610px; width:97px; }
.quick2 h3{ background:#3377ff; color:#fff; font-size:13px; font-weight:bold; text-align:center; padding:10px 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 7px 7px 0 0 ; border-radius: 7px 7px 0 0; }
.quick2 ul{width:95px ; border-left:1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:5px 0 10px 0; background:#fff;}
.quick2 ul li{padding:10px 5px 0; font-size:11px; text-align:center; color:#8a8a8a; }
.quick2 ul li img { margin:0 auto; }
.quick2 ul li span{margin-left:5px; color:#ec1920; display:inline-block;}


/* sub common start */

/* contents */

.contents{width:1000px;  padding: 0px 0 50px; margin:0px auto 50px; clear:both;}


.head_dot{font-size: 18px !important; padding-left: 18px; background: transparent url("../../../img/co/green/common/img_win_arr.gif") no-repeat scroll 0px center !important;  font-family: 'Malgun Gothic', sans-serif !important;  font-weight: normal; color: #444;}
.head_dot2{font-size:18px !important; padding-left: 18px; background: transparent url("../../../img/co/green/common/img_win_arr.gif") no-repeat scroll 0px center !important;  font-family: 'Malgun Gothic', sans-serif !important;  font-weight: normal; color: #444;}
.head_dot3{font-size:18px !important; padding-left: 18px; background: transparent url("../../../img/co/green/common/img_win_arr.gif") no-repeat scroll 0px center !important;  font-family: 'Malgun Gothic', sans-serif !important;  font-weight: normal; color: #444 !important; margin-top:0 !important; font-weight:bold !important; }
.head_dot4{font-size:18px !important; padding-left: 18px; background: transparent url("../../../img/co/green/common/img_win_arr.gif") no-repeat scroll 0px center !important;  font-family: 'Malgun Gothic', sans-serif !important;  font-weight: normal; margin-top:0 !important; font-weight:bold !important; }
/* lnb */

.lnb{width:190px; float:left; }

 .lnb h2{margin-top:10px; color:#fff; text-align:center; width:190px; height:80px; background:#3aa347; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0;  font-size:22px; line-height:80px;  font-weight:bold;}

.lnb ul.lnb_box_1{border:1px solid #ccc; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;  width:188px; }
.lnb ul.lnb_box_1 >  li > a{display:block; font-size:12px; color:#575757; padding:12px 25px; font-family:'Dotum', '돋움', serif;} 
.lnb ul.lnb_box_1 >  li.fst > a{padding-top:15px;}
.lnb ul.lnb_box_1 > li.lst > a{padding-bottom:15px;}
.lnb ul.lnb_box_1 > li > a:hover, .lnb ul.lnb_box_1 > li > a.on{background:#4d4d4d url("../../../img/co/green/common/img_posi_btn.gif") no-repeat 150px center; color:#fff; font-weight:bold;} 


/* .lnb ul.lnb_box_1 .posi>a{display:block; background:#717171 url("../../../img/ko/green/common/img_posi_btn.gif") no-repeat 150px center; color:#fff; margin-top:10px; padding:10px 30px 12px; font-size:16px;}
.lnb ul.lnb_box_1 .posi>a:hover{color:#111}
.lnb ul.lnb_box_1 .posi ol{background:#f5f5f5; padding:15px 30px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.lnb ul.lnb_box_1 .posi ol li a{display:block; color:#585858; padding:0;}
.lnb ul.lnb_box_1 .posi ol li a:hover{color:#1a1a1a; }
 */
 
.lnb .educa{ margin:30px 0 10px 0; border:1px solid #ccc; -webkit-border-radius:  5px ; -moz-border-radius: 5px ; border-radius: 5px; width:188px; }
.lnb .educa img{display:block; padding:15px 0 15px 26px;}
.lnb .lnb_box_2{width:188px; border:1px solid #ccc; -webkit-border-radius:  5px ; -moz-border-radius: 5px ; border-radius: 5px;}
.lnb .lnb_box_2 > li > a{display:block; padding:15px 20px; border-bottom:1px solid #ccc; font-size:15px; font-weight:bold;  background:#fafafa url("../../../img/co/green/common/img_lft_01.gif") no-repeat 135px center; color:#4d4d4d}
.lnb .lnb_box_2 > li.scd > a{background-image:url("../../../img/co/green/common/img_lft_02.gif");}
.lnb .lnb_box_2 > li.lst > a{border:none; background-image:url("../../../img/co/green/common/img_lft_03.gif");}
.lnb .lnb_box_2 > li > a span{display:block; font-weight:normal; width:90px; font-size:12px; line-height:14px; color:#999; white-space:normal; word-break:keep-all;}
.lnb .lnb_box_2 > li.cyber_tab > a{ border:0; background:url("../../../img/co/common/cyberedu/img_lft_04.gif") no-repeat 143px 75%;}
.lnb .lnb_box_2 > li.cyber_tab > a span{ display:block; width:115px; padding-bottom:5px;}

.lnb .l_ban{margin-top:30px;}

.lnb ul li dl{padding:12px 0 15px; border-bottom:1px solid #d6d6d6; background:#fafafa;}
.lnb ul li dl dd a{color:#666; display:block; padding-left:25px; font-size:13px; line-height:24px; }
.lnb ul li dl dd a.on, .lnb ul li dl dd a:hover{font-weight:bold; color:#3aa347;}



/* container*/

.container{width:780px; float:right; position:relative; }


/* circle graph */

.circles-text{font-size:18px !important;  }
#circles-3 .circles-text{font-size:18px !important; padding-top: 38px !important; line-height:20px !important;}
.circles-wrp{background:url("../../../img/co/common/mypage/progress.gif") no-repeat; width:116px;}
.canvasjs-chart-credit{display:none;}

 /* cont1 */

.container .cont1_ttl .ttl_bg{position:absolute; right:0; top:0; z-index:-1;}
.container .cont1_ttl h2.ttl{margin-top:68px; color:#4c4c4c; font-size:26px; font-weight:bold;}
.container .cont1_ttl .ttl_sub{color:#666; font-size:14px; width:100%; border-bottom:1px solid #ccc; padding-bottom:15px;}
.container .cont1_ttl .ttl_sub2{color:#666; font-size:18px; width:100%;}

.container .step{ float:right;}
.container .step img{display:inline-block;}
.container .step span{display:inline-block; font-size:12px; font-family:'Dotum', '돋움', serif; padding-left:20px; background:url("../../../img/co/common/common/img_step.gif") no-repeat 10px 4px; color:#999; }
.container .step span.dep_3{color:#666; font-weight:bold;}


.container .cont2_cont{margin-top:10px; width:780px;}
.container .cont2_cont li{float:left; width:253px; margin:10px 0 0 10px;}
.container .cont2_cont li.fst{margin-left:0;}
.container .cont2_cont li > a > img{display:block; -webkit-border-radius:  5px 5px  0 0 ; -moz-border-radius: 5px 5px   0 0;  border-radius:  5px 5px 0 0; }

.container .cont2_cont li dl{width: 227px; padding:12px; background:#fafafa; border:1px solid #ccc; -webkit-border-radius:  0 0 5px 5px ; -moz-border-radius: 0 0 5px 5px ;  border-radius: 0 0 5px 5px; display:inline-block;}
.container .cont2_cont li dl dt.tt{display:inline-block; position:static;}
.container .cont2_cont li dl dt a{display:inline-block; font-size:13px; font-family:'Dotum', '돋움', serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 165px; font-weight:bold;}
.container .cont2_cont li dl dt.okay a{width:220px; letter-spacing:-1.5px}
.container .cont2_cont li dl dt.tt a{display:inline-block;  }
.container .cont2_cont li dl dt span{display:inline-block; font-size:13px; margin-top:-4px; color:#3aa347; padding-left:5px; vertical-align:top; font-weight:bold;}
.container .cont2_cont li dl dd{display:block; font-size:12px; color:#999; font-family:'Dotum', '돋움', serif; line-height:16px;  }
.container .cont2_cont li dl dd a{display:block; font-size:12px; color:#999; font-family:'Dotum', '돋움', serif; line-height:16px; }


/* check */
label.chk_box {color:#666 !important; font-size:12px !important; margin-right:20px !important; font-weight:normal !important;}


/* btns */
.btns_01{display:block; float:right; padding:10px 20px; }


/* tab_lists */

ul.tab_lists{padding:10px; float:left; position:relative; width:100%;}
ul.tab_lists li{position:relative; font-size:11px; display:block;}

ul.tab_lists li.photo{position:relative; float:left; padding:0px; width:156px; margin:2px 10px 0 0;}
ul.tab_lists li.photo img{display:block; width:100%;}
ul.tab_lists li.photo span.tag{position:absolute; z-index:9; top:4px; left:2px;}
ul.tab_lists li.photo span.tag span{background:#3aa347; font-family: 'Malgun Gothic'; color:#fff; font-weight:bold; font-size:11px; margin-left:2px; padding: 2px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul.tab_lists li.photo2{float:left;  padding: 0px; width:100px; margin:2px 10px 0 0;}
ul.tab_lists li.photo2 img{display:inline-block; width:100%;}

ul.tab_lists li.list_tit{ display:inline-block; }
ul.tab_lists li.list_tit a{display:inline-block; font-weight:bold; color:#3d3d3d; font-size:14px; width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.tab_lists li.list_tit span{ display:inline-block; font-size:13px;}
ul.tab_lists li.list_txt{display:block; line-height:20px; font-weight: normal;  color: #999;  font-family: "Dotum","돋움",serif;  width:250px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* 홍민기 마이페지용(삭제 금지) */
ul.tab_lists li.list_tit2 a{display:inline-block; font-weight:bold; color:#3d3d3d; font-size:14px; width:200px; white-space:nowrap;}
ul.tab_lists li.list_tit span{ display:inline-block; font-size:13px;}
ul.tab_lists li.list_txt2{display:block; line-height:20px; font-weight: normal;  color: #999;  font-family: "Dotum","돋움",serif;  width:250px; white-space:nowrap; }


ul.tab_lists li.lst span{display:inline-block; clear:both; padding:5px 12px 3px; background:#808080 ; color:#fff; font-size:12px; margin-left:2px; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;  cursor:pointer;}

ul.tab_lists li.list_tit span.payment font{font-weight:bold; margin-left:10px; font-size:15px;}
ul.tab_lists li.lst .grup{margin-left:0;}
ul.tab_lists li.ft_right a, ul.tab_lists li.ft_right2 a{display:block; float:right; margin:-55px 20px 0 0 ; width:88px; padding:12px 0; color:#666; font-weight:bold; padding-right:10px; background:url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 70px center;  text-align:center; border:1px solid #d6d6d6; -webkit-border-radius:  5px  ; -moz-border-radius: 5px ;  border-radius:  5px ; }
ul.tab_lists li.ft_right3 p{display:block; float:right; margin:-55px 20px 0 0 ; width:88px; padding:12px 0; color:#666; font-weight:bold; padding-right:5px; padding-left:5px; text-align:center; border:1px solid #d6d6d6; -webkit-border-radius:  5px  ; -moz-border-radius: 5px ;  border-radius:  5px ; }
ul.tab_lists li.ft_right2 a{margin:-55px 130px 0 0  }
ul.tab_lists li.cancel a{border:none; background:#999999; color:#fff; padding: 12px 0; width:100px;}
input.ft_right3{display:block; font-size:12px;width:88px; padding:10px 10px 10px 0 ; color:#444; font-weight:bold; background:#fff url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 75px center;  text-align:center; border:1px solid #d6d6d6; -webkit-border-radius:  5px  ; -moz-border-radius: 5px ;  border-radius:  5px ; margin-left:20px; cursor:pointer;}


/* 170227 추가 S */
ul.tab_lists li.co_cont2{border-bottom:none !important; padding-bottom:30px; margin:0px !important; }
ul.tab_lists li.co_cont2 .co_box_01{float:left; } 
ul.tab_lists li.co_cont2 .co_box_02{float:right; }
ul.tab_lists li.co_cont2 ul > li{/*float:left;  position:relative;*/ margin-left:-10px; margin-top:10px;}
ul.tab_lists li.co_cont2 ul > li span.tag{position:absolute; z-index:9; top:0px; left:0px;}
ul.tab_lists li.co_cont2 ul > li span.tag span{background:#3aa347; color:#fff; font-weight:bold; font-size:11px; margin-left:2px; padding: 2px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

ul.tab_lists li.co_cont2 .co_box a img{display:block; width:135px; -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px;}
ul.tab_lists li.co_cont2 ul li ol li{margin-left:5px; font-family:'Dotum', '돋움', serif; }
ul.tab_lists li.co_cont2 ul li ol li.fst{margin:5px 0 0 10px;font-size:11px; color:#fff; padding:3px 0px; width:65px; background:#808080; text-align:center; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;}

ul.tab_lists li.co_cont2 ul li ol li.tit a{display:block; font-size:16px; color:#3d3d3d; font-weight:bold; margin:5px 7px ; white-space:nowrap; width:200px; overflow:hidden; text-overflow:ellipsis;}
ul.tab_lists li.co_cont2 ul li ol li.tit  a span{display:block; font-size:11px; color:#999; font-weight:normal;}
ul.tab_lists li.co_cont2 ul li ol li.fstt{margin-left:10px;}
ul.tab_lists li.co_cont2 ul li ol li.bt, .co_cont2 ul li ol li.lst {float:left; font-size:11px ;  border:1px solid #d6d6d6; text-align:center; font-weight:bold; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;}
ul.tab_lists li.co_cont2 ul li ol li.bt a{display:block;color:#666;  padding:3px 0;  width:63px ;}
ul.tab_lists li.co_cont2 ul li ol li.lst{background:#3aa347; }
ul.tab_lists li.co_cont2 ul li ol li.lst a{display:block;color:#fff;  padding:3px 0;  width:63px ;}
/* 170227 추가 E */



.container ul.tab > li.r_txt2{display:block; float:right; font-size:13px; width:275px; line-height:38px;}
.r_bt{float:right; }
.r_bt a{display:block; font-size:12px; color:#666; padding:8px 25px 5px 15px; border:1px solid #ccc; background:url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 58px 11px; -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px;  }
.r_bt3 a{position:absolute; right:20px; top:90px; display:block; width:100px; height:26px; background:url("../../../img/co/common/common/btn_print_001.png") ;}
.r_bt2 a{background:#fff; padding:7px 15px 5px; margin-top:-15px;}
.l_bt{float:left; }
.l_bt a{font-size:12px; padding:3px 10px; border:1px solid #d6d6d6; display:inline-block; color:#666; background:#fff;}
.ch_box{font-size:14px;}
.ch_box label{font-size:12px; font-weight:normal; margin-left:10px;}
.tb_line td{border:1px solid #eaeaea;}
.tb_line .fst{border-left:none;}
.tb_line .lst{border-right:none;}

.tb_view thead tr td{padding:0 20px; text-align:left;}
.tb_view tbody tr td{padding:12px 20px; text-align:left;}
.tb_view .ttl{font-size:14px; color:#333; font-weight:bold;}
.tb_view .txt{padding:20px 20px 50px 20px; line-height:30px; white-space:normal; word-break:keep-all;}
.tb_view .down td{background:#fcfcfc; border-top:1px solid #d6d6d6;}
.tb_view .down td a{display:inline-block; text-decoration:underline; color:#0030ff; font-size:12px;}
.tb_view .pre_next td a{display:block; color:#666; font-size:12px; font-weight:bold;}
.tb_view .down .down_img img{display:inline-block; margin-right:6px;}
.tb_view .pre_next img{display:inline-block; padding-bottom:2px;}
.tb_view .pre_next td a span{padding-left:20px; color:#666; font-size:12px;}
.con_sch input{cursor:pointer;  color:#666; font-weight:bold; font-size:12px;font-family:'Dotum', '돋움', serif;   background:#ebebeb url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 78px center; padding:25px 26px 25px 22px;  border:1px solid #d6d6d6; -webkit-border-radius:  7px ; -moz-border-radius: 7px ;  border-radius: 7px;}
.con_sch2 input{background:#4d4d4d url("../../../img/co/common/common/img_sch_arr2.gif") no-repeat 78px center; color:#fff; border:none;}
.sch_style2 input{padding:15px 16px 16px 12px; margin-top:10px; margin-right:10px; background-position:70px center;}
ul.con_01{width:753px; border:1px solid #d6d6d6; display:inline-block;}

.install a{display:block; font-size:12px; color:#444; padding:5px 0px; width:180px; border:1px solid #d6d6d6; margin-top:-40px; text-align:center; }
/* .install2 a{display:block; font-size:12px; color:#fff; padding:5px 0px; width:180px; background:#4d4d4d; margin-top:-10px; text-align:center; } */
.install2 a{display:block; font-size:12px; color:#fff; padding:5px 0px; width:160px; background:#4d4d4d; text-align:center; }

/* table board button */
.bt_w span, .bt_w a, .bt_b span, .bt_b a{display:inline-block;  padding:3px 15px; border:1px solid #d6d6d6 ; font-weight:bold !important; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;  }
.bt_w span{width:40px;}
.bt_b span{border:none; background:#555; color:#fff !important; width:40px;}
.bt_w a{font-size:12px !important; color:#444 !important; padding-right:20px ; background:url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 68px center;}
.dis a{opacity:0.3; cursor:default;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */}

.down_bt a{width:180px; display:block;  text-align:center; margin-bottom:20px; padding:12px 0 10px; background:#4d4d4d; color:#fff; font-size:14px;}
/* table_03 */

.view_contents table.tb_03 th{font-weight:bold; background:none;  color:#666; border:1px solid #d6d6d6; font-size:12px;}
.view_contents table.tb_03 th.fst{border-left:none;}
.view_contents table.tb_03 th.lst{border-right:none;}

/* btn_w */

.btn_w{display:inline-block; border:1px solid #d6d6d6; padding:2px 10px; background:#fff;}

/* question and answer */
.faq .fst{border-top:2px solid #d6d6d6;}
.faq .lst{border-bottom:2px solid #d6d6d6;}
.faq .question{padding-left:20px; font-weight:bold; font-size:15px;}
.faq .question1 a{display:block; text-align:left ; font-weight:bold;}
.faq tr.a td.answer{padding-left:80px ; background-position: 50px 23px;}

/* sub common end */

/* 팝업 (앱 다운로드)*/
.app_down li.txt{padding-left:0 !important;}
.app_down li label{display:inline-block;}
.app_down li label input.apps{float:left !important;  margin:0 !important; border-right:none;}
.app_down li label button{display:block; float:left; background:#3aa347; color:#fff;  font-size:14px;  height:30px; padding:0px 5px;  font-weight:bold;}
.app_down .sub_text{text-align:center; margin-top:10px; font-size:14px; color:#666;}

/* 팝업 (이용가이드)*/
.app_guide{display:block;}
.app_guide li a{display:block; margin:10px auto; width:210px; border:1px solid #d6d6d6; text-align:left; padding:5px 0 8px 50px; background:url("../../../img/co/common/common/img_ico_pc.gif") no-repeat 15px center; color:#666; font-size:16px; font-weight:bold; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.app_guide li.pad a{background:url("../../../img/co/common/common/img_ico_pad.gif") no-repeat 15px center; }
.app_guide li.mobile a{background:url("../../../img/co/common/common/img_ico_mob.gif") no-repeat 15px center; }

/* 소프트웨어 다운로드 page 0420조일준*/
.software_01{float:left; width:360px; height:600px;}
.software_01 li{padding: 0 0 15px 0;}
.software_02{float:right; width:360px; height:600px;}
.software_02 li{padding: 0 0 15px 0;}
.software_03{float:left; width:360px; margin: 40px 0 0 0;}
.software_03 li{padding: 0 0 15px 0;}

.menu_slider{width:100%;  border-bottom:2px solid #3aa347;  padding:5px 0; height:40px;}
.menu_slider .btn_group{padding:0; width:100%; margin:0 auto; overflow:visible; }
.menu_slider .btn_group li {width:100%; margin:0 auto;}
.menu_slider .btn_group li a{display:block; text-align:center; color:#3d3d3d; font-size:15px; width:100%;  line-height:36px; word-break:break_all;word-break:keep-all;}
.menu_slider .btn_group li a.s01{display:block; text-align:center; color:#3d3d3d; font-size:15px; width:100%;  line-height:20px; }
.menu_slider .btn_group li a.on{color:#3aa347;}