
#sub{width: 100%;margin: 0 auto;padding-top: 110px;}
#sub .visual{width: 100%;height: 280px;padding-top: 88px;box-sizing: border-box;text-align: center;}
#sub .visual>h2{font-size: 38px;color: #fff;font-weight: 500;opacity: 0.8}
#sub .visual>h3{font-size: 16px;line-height: 23px;color: #fff;margin-top: 13px;letter-spacing: 0;opacity: 0.8;font-weight: 100}

#sub.sub1 .visual{background:url(../images/sub/company.jpg) no-repeat 0 0;}
#sub.sub2 .visual{background:url(../images/sub/safety.jpg) no-repeat 0 0;}
#sub.sub3 .visual{background:url(../images/sub/management.jpg) no-repeat 0 0;}
#sub.sub4 .visual{background:url(../images/sub/prolacsan.jpg) no-repeat 0 0;}
#sub.sub5 .visual{background:url(../images/sub/board.jpg) no-repeat 0 0;}
#sub.sub5_1 .visual{background:url(../images/sub/board2.jpg) no-repeat 0 0;}
#sub.sub6 .visual{background:url(../images/sub/lab.jpg) no-repeat 0 0;}

#sub .cate{width: 100%;padding:15px 0 15px 30px;border-bottom:1px solid #eff0f5;box-sizing: border-box;font-size:14px;letter-spacing: 0}
#sub .cate ul{overflow: hidden}
#sub .cate ul li{float: left;margin-right: 20px;}
#sub .cate ul li span{margin-left: 20px;}
#sub .cate ul li span img{padding-top: 6px}

#sub .cate_menu{width: 100%;padding:0 30px 15px 30px;border-bottom:1px solid #eff0f5;box-sizing: border-box;}
#sub .cate_menu ul{}
#sub .cate_menu ul li{margin-right: 10px;margin-top:15px;background-color:#f8fbfb;padding:8px 20px;border-radius: 20px;text-align: center;font-size: 13px;color:#ababab}

/* 메뉴카테고리 활성화*/
#sub .cate_menu ul li.on{background-color: #5dd0c7} /* 배경 그린 + 폰트 화이트 */
/* #sub.sub4 .cate_menu ul li.on{background-color:#1b7cd5} */
#sub .cate_menu ul li.on a{color:#fff;}

#sub .cate_menu ul li.on2{border:1px solid #5dd0c7;background-color: #fff} /* 보더 그린 + 폰트 그린 + 배경 화이트 */
#sub .cate_menu ul li.on2 a{color:#37a49b;}
/* 메뉴카테고리 활성화*/

#sub .content{width:100%;margin:0 auto;padding: 80px 0;text-align: left;}
    #sub .content>h2{position: relative;font-size: 28px;color:#3a3a3a;font-weight: bold;padding-bottom:25px;margin-bottom: 25px;text-align: center}
    #sub .content>h2::after{content: '';width: 36px;height: 3px;background:#5dd0c7;position: absolute;bottom: 0;left:50%;margin-left: -18px;}
    #sub .content>h3{font-size: 20px;color: #4e4e4e;text-align: center}
    #sub .content .btn_list{display: block;width: 200px;height: 50px;margin:40px auto 0;background-color: #37a49b;color: #fff;font-weight: bold;font-size: 20px;text-align: center;line-height: 50px;}
    /* #sub.sub4 .content>h2::after{background:#1b7cd5;}
    #sub.sub4 .content .btn_list{background-color: #1b7cd5;} */

/* 회사소개 - vision */
div.vision_con{width: 580px;margin: 80px auto -80px;}
    div.vision_con p{;margin:0 auto;color: #fff;font-size: 24px;padding:18px 0;text-align: center;background-color: #5dd0c7;margin-bottom: 15px}
    div.vision_con ul{position: relative;height: 1565px;background:url(../images/sub/vision_con.png) no-repeat center 0;text-align: center}
    div.vision_con ul span.tit{position: absolute;font-size: 28px;font-weight: bold;color: #3a3a3a}
    div.vision_con ul span.txt{position: absolute;font-size: 20px;color: #4e4e4e}
    div.vision_con ul span.tit.vision{top: 230px;left: 245px;}
    div.vision_con ul span.txt.vision{top: 363px;left: 160px;}
    div.vision_con ul span.tit.mission{top: 727px;left: 233px}
    div.vision_con ul span.txt.mission{top: 860px;left: 95px}
    div.vision_con ul span.tit.goals{top: 1224px;left: 245px;}
    div.vision_con ul span.txt.goals{top: 1360px;left: 60px;}

/* ceo */
div.ceo_con{width: 580px;height: 1380px;margin: 80px auto 0;background:url(../images/sub/ceo_con.jpg) no-repeat center 0;}
    div.ceo_con .txt{padding:435px 30px 60px;box-sizing: border-box;font-size: 20px;color: #565656;}
    div.ceo_con .txt p{margin-bottom: 40px}

/* history */
div.history_con{position: relative;width: 580px;margin: 80px auto 0;border-top:3px solid #eff0f5;border-bottom: 3px solid #eff0f5;box-sizing: border-box;}
    div.history_con .tit{width: 252px;padding:7px 0;margin:60px auto;border-radius: 15px 15px;background-color: #f8fbfb;color: #4e4e4e;font-size: 18px;font-weight: bold;text-align: center;}
    div.history_con .details{margin:0 30px;}
    div.history_con .details dl{overflow: hidden;padding-bottom:40px;box-sizing: border-box;}
    div.history_con .details dl:last-child{padding-bottom: 60px;}
    div.history_con .details dt{position: relative;float: left;width: 20%;font-size: 26px;font-weight: bold;color: #37a49b;line-height: .8em}
    div.history_con .details dd{float: left;width: 80%;border-bottom:1px solid #eff0f5;padding-bottom:38px;box-sizing: border-box;font-size: 18px;color: #565656}
    div.history_con .details dd li{margin-bottom: 15px}
    div.history_con .details dd li:last-child{margin-bottom: 0}

    div.history_con .details dl span{position: absolute; left: 27px;top: 34px;width: 2px;background:#37a49b;}
    div.history_con .details dl.his1 span{height: 52px;}
    div.history_con .details dl.his2 span{height: 170px}
    div.history_con .details dl.his3 span{height: 85px;top: 40px}
    div.history_con .details dl.his4 span{height: 490px;}
    div.history_con .details dl.his5 span{height: 0}

/* business */
div.business_con{width: 580px;margin: 80px auto -80px;}
    div.business_con p{margin:0 auto;color: #fff;font-size: 20px;padding:13px 0;text-align: center;background-color: #5dd0c7;margin-bottom: 15px}
    div.business_con ul{position: relative;width: 100%;height: 1565px;background:url(../images/sub/business_con.png) no-repeat center 0}
    div.business_con ul li{position: absolute;font-size: 30px;font-weight: bold;color: #fff;}
    div.business_con ul li:first-child{top: 220px;left: 205px}
    div.business_con ul li:nth-child(2){top: 718px;left: 220px}
    div.business_con ul li:last-child{top: 1215px;left: 205px;}

/* map */
div.map_con{width: 580px;margin: 80px auto 0;}
    div.map_con ul{position: relative;width: 100%;height: 718px;background:url(../images/sub/map_con.png) no-repeat center 0;text-align: center}
    div.map_con ul span.tit{position: absolute;left: 197px;font-size: 26px;font-weight: bold;color: #4e4e4e}
    div.map_con ul span.txt{position: absolute;left: 194px;font-size: 20px;color: #4e4e4e;text-align: left}
    div.map_con ul span.tit.address{top: 51px;}
    div.map_con ul span.txt.address{top: 95px;}
    div.map_con ul span.tit.call{top: 275px;}
    div.map_con ul span.txt.call{top: 320px;}
    div.map_con ul span.tit.email{top: 515px;}
    div.map_con ul span.txt.email{top: 560px;}
    div.map_con .map{width: 580px;height: 415px;margin:0 auto;}


/* safe - safetyzone */
div.saffey_con{width: 580px;margin:0 auto;}
    div.saffey_con{padding:80px 0 0;}
    div.saffey_con .imgtxt{padding-top:350px;font-size: 20px;line-height: 30px;background:url(../images/sub/safe_imgtxt.jpg) no-repeat left top;}
    div.saffey_con .imgtxt dt{padding:20px 0;font-size:28px;font-weight: bold;color:#303030;}
    div.saffey_con .imgtxt dt strong{color:#37a49b}
    div.saffey_con .imgtxt dd p{padding:15px 0}

	/* style 추가 sky 프로락산 온라인 공식 판매점 css 추가 20220206*/
    div.saffey_con .imgtxt2{background:url(../../images/agency/agency_02.jpg) no-repeat center top;}
    div.saffey_con .imgtxt2 dt{padding:20px 0;font-size:28px;font-weight: bold;color:#303030;}
    div.saffey_con .imgtxt2 dt strong{color:#37a49b}
    div.saffey_con .imgtxt2 dd p{padding:15px 0}
	/* style 추가 sky 프로락산 온라인 공식 판매점 css 추가 20220206**/

    div.saffey_con>.stit{margin-top:70px;padding:70px 0 60px;font-size: 20px;line-height: 30px;border-top:1px solid #eff0f5;}
    div.saffey_con>.stit strong{display:block;padding-bottom:20px;font-size:28px;font-weight: bold;color:#37a49b}

    div.saffey_con dl.boxtxt{margin-bottom:80px;padding:440px 30px 0;height:915px;box-sizing: border-box;background:#f5f8f8 url(../images/sub/safeimg2.jpg) no-repeat 80px 60px;}
        div.saffey_con dl.boxtxt dt{position: relative;width:;padding-bottom:70px;font-size:22px;line-height: 35px;color:#3a3a3a;text-align: center;font-weight: 500}
        div.saffey_con dl.boxtxt dt strong{padding:0 2px;line-height: 100%;color:#fff;background:#37a49b}
        div.saffey_con dl.boxtxt dt em{position: absolute;top:140px;left:50%;width:42px;height:2px;margin-left:-21px;background:#37a49b}
        div.saffey_con dl.boxtxt dd{width:;font-size:18px;line-height: 30px;}
        div.saffey_con dl.boxtxt dd p{font-size:20px;line-height: 30px;color:#303030;text-align: center;font-weight: 500}

    div.saffey_con dl.txt{text-align: center;font-size: 20px;line-height: 30px;color: #303030;}
        div.saffey_con dl.txt dt{padding-bottom: 34px;font-size: 28px;font-weight: bold;}
        div.saffey_con dl.txt dt strong{color:#37a49b;}
        div.saffey_con dl.txt dd{text-align: justify;}
        div.saffey_con dl.txt dd img{margin:55px 0;}
        div.saffey_con dl.txt dd p{text-align:center;}

    div.saffey_con div.search{padding: 50px 20px;background:#f5f8f8;}
        div.saffey_con .box{float:left;width: 540px;margin-bottom:40px;}

        div.saffey_con p.tit{margin-bottom:25px;text-align: center;font-size: 28px;font-weight: bold; color: #303030}
            div.saffey_con p.tit span{border-bottom: 2px solid #303030;}
            div.saffey_con p.tit strong{color:#37a49b;}

        div.saffey_con p.txt{margin-bottom:0;text-align: center;font-size: 20px;font-weight: 400; color: #303030}

        div.saffey_con .box .sbox{padding: 30px;border:1px solid #e4ebea;background: #fff;}
        div.saffey_con .box .sbox.map_result{margin:35px 0 10px 0;font-size: 21px;text-align: center;color:#565656;}
        div.saffey_con .box .sbox.map_result .area{padding-top: 4px;font-size: 24px;font-weight: bold;padding-left: 27px;background: url(../images/map_icn.gif) no-repeat left 7px;color:#222222;}
        div.saffey_con .box .sbox.map_result .num{color: #37a49b;font-weight: bold;}

        div.saffey_con .sel_box p{margin-bottom:20px;}
        div.saffey_con .sel_box p strong{display: inline-block;width: 46px;font-size: 20px;font-weight: bold;}
        div.saffey_con .sel_box p select{width: 200px;height: 35px;margin-right:7px;}
        div.saffey_con .sel_box a{margin-left:46px; display: inline-block;text-align: center;font-size: 20px;font-weight: bold;width: 414px;height: 40px;line-height: 40px;color:#fff; background: #37a49b;}

    div.saffey_con .map{float:right;width: 450px;height: 550px;position: relative;top: 0;left: 0;border: none;}

    div.saffey_con table{width:100%;font-size:16px;}
        div.saffey_con th, div.saffey_con td{width: 20%;text-align: center;vertical-align: middle;}
        div.saffey_con th{height: 47px;line-height: 47px;background:#ecefef;border-top: 2px solid #c9cfcf;font-weight: bold;}
        div.saffey_con td{padding:15px 2px;line-height: 23px;background: #fff;border-bottom: 1px solid #e4e4e4;}

    div.saffey_con .more{display:block;padding:20px 0;font-size:0;border-bottom:2px solid #303030;text-align: center;background:#fff;}

/* why */
div.why_con{width: 580px;margin:0 auto;}

div.boxty{width:100%;padding:75px 0;border-top:1px solid #eff0f5;}
    div.boxty.top{padding-top:0;border-top:0}
    div.boxty div{width:540px;height:184px;background:#f5f8f8;margin:0 0 15px 20px;}
    div.boxty>div img{float:left;margin-right:28px;}
    div.boxty>div dl{padding:35px 0 0;}
    div.boxty>div dt{padding-bottom:20px;font-size: 18px;line-height: 26px;font-weight: bold;color:#303030}
    div.boxty>div dd{font-size: 16px;line-height:24px;padding-bottom:2px;text-indent:-6px;padding-left:6px;}

    div.boxty>.stxt{width:540px;padding:20px 0 0 20px;font-size: 18px;line-height: 26px;}

	div.boxty.ty2 div{height:auto;background:#fff;margin-bottom:0}
    div.boxty.ty2 dl{padding:35px 0 0 0;}
    div.boxty.ty2 img.photo{float:none;display: block;margin:0 auto;width: 546px;}

	div.boxty.ty3 div{position: relative;display: table;padding-left: 296px;margin:0 0 20px 20px;}
	div.boxty.ty3>div img.photo{position: absolute;left: 0;top: 0;}
	div.boxty.ty3>div dl{display: table-cell;vertical-align: middle;padding:0}

div.boxty .step{clear:both;padding:20px 0 0 0;overflow: hidden;width:540px;margin:40px 0 0 19px;box-sizing: border-box;border:1px solid #eff0f5}
    div.boxty .step li{width:179px;margin:22px 0;box-sizing: border-box;font-size:17px;float:left;text-align: center;background:url(../images/sub/step_ar.gif) no-repeat right 35%;}
	div.boxty .step li:nth-child(1){margin-left:90px;}
    div.boxty .step li:nth-child(2), div.boxty .step li.end{background:none !important;}
    div.boxty .step li *{display: block;margin:0 auto;}
    div.boxty .step img{margin-bottom:13px;}
    div.boxty .step li strong{font-size:15px;width:65px;padding-bottom:3px;background:url(../images/sub/step_bg.jpg) repeat-x 0 3px;}

div.why_con div.why_ar{position: relative;padding:0 19px;height: 708px;border-top:1px solid #eff0f5;background:url(../images/sub/why_arrow.gif) no-repeat center 230px;}
    div.why_con div.why_ar div *{display: block;}
    div.why_con div.why_ar div{position: absolute;left:236px;width:290px;text-align: center;font-size:16px;}
    div.why_con div.why_ar div.left{top:456px;}
    div.why_con div.why_ar div.right{top:250px;}
    div.why_con div.why_ar div strong{font-size:70px;font-weight:bold;}
    div.why_con div.why_ar div strong i{display: inline;font-size:38px;}
    div.why_con div.why_ar div.left span{display:inline-block;color:#37a49b;border-bottom:2px solid #37a49b;font-size:20px;font-weight: 600;margin-bottom:8px;}
    div.why_con div.why_ar div.right span{display:inline-block;color:#d16658;border-bottom:2px solid #d16658;font-size:20px;font-weight: 600;margin-bottom:8px;}
    div.why_con div.why_ar em{position: absolute;text-align: center;font-size:14px;bottom:0;width:100%;color:#ababab;padding-right: 40px;}
    div.why_con div.why_ar p.stxt{clear:both;padding-top:60px;font-size:18px;line-height: 26px;text-align: justify;}

/* 프로락산 */
div.prowhy_con{width: 580px;margin:0 auto;}

    div.prowhy_con>h4{text-align: center;letter-spacing: -0.05em}

    div.prowhy_con .no-bo{padding-bottom:0 !important;border-width:0 !important;}

    div.prowhy_con>div{padding:50px 0;border:1px solid #eff0f5;border-width:0 0 1px 0;}
    div.prowhy_con>div p{padding:10px 0;text-align:center;font-size:20px;line-height: 30px;}
    div.prowhy_con>div p.tit{padding-bottom:12px;font-size:28px;line-height:38px;color:#37a49b;font-weight:bold;}
    div.prowhy_con>div div.left{width:580px;height:228px;margin-bottom:15px;padding:75px 0 0 230px;font-size:20px;box-sizing: border-box;}
    div.prowhy_con>div div.left strong{font-size:26px;font-weight: bold;display: inline-block;padding-bottom:5px;}
    div.prowhy_con>div div.left.l1{background:#f5f8f8 url(../images/sub/prolacsan_img21.jpg) no-repeat 50px 50px;background-size: 124px;}
    div.prowhy_con>div div.left.l2{background:#f5f8f8 url(../images/sub/prolacsan_img22.jpg) no-repeat 50px 50px;background-size: 124px;}
    div.prowhy_con>div div.left.l3{background:#f5f8f8 url(../images/sub/prolacsan_img23.jpg) no-repeat 50px 50px;background-size: 124px;}

    div.prowhy_con .arrow_down{padding:57px;text-align:center;border:1px solid #eff0f5;border-width:0 0 1px 0;}

/* care */
div.txtcom{width: 580px;margin:0 auto;}
    div.txtcom div.boxty_box{margin-top:-30px;padding:30px 30px 0;background:#f5f8f8;}
    div.txtcom div.boxty_box div.boxty{position:relative}
    div.txtcom div.boxty_box div.boxty img{position:absolute;left:0px;top:0px;}
    div.txtcom div.boxty_box div.boxty .subtit{margin:0 0 0 158px;width:360px;}
    div.txtcom div.boxty_box div.boxty .subtit.row{margin-top:10px;}

    div.txtcom dl.txt{position: relative;text-align: justify;font-size: 20px;line-height: 30px;color: #303030;padding:80px 0 75px;border-top:1px solid #eff0f5;}
    div.txtcom dl.txt.bo-tn{margin-top:-45px;padding-bottom:55px;border-top:0 !important;}
    div.txtcom dl.txt dt{padding-bottom: 40px;font-size: 25px;font-weight: bold;padding-top:12px;}
    div.txtcom dl.txt dt strong{color: #37a49b;}
    div.txtcom dl.txt dt sup{display:inline-block;margin:0 0 0 3px;padding-right:1px;font-size:6px;border:1px solid #303030;border-radius:100%;width:12px;height:12px;line-height: 110%;vertical-align: 5px;text-align: center;}
    div.txtcom dl.txt img{position: absolute;right:10px;top:20%;margin:0 !important}
    div.txtcom dl.txt img.txt{position: inherit;vertical-align: -3px;margin-left:5px !important}
	div.txtcom dl.txt img.comimg{position: inherit; right: inherit;top: inherit;margin:30px auto 50px !important}
    div.txtcom dl.txt dd span{color: #37a49b;}
    div.txtcom dl.txt dd em{display: inline-block;padding-top:20px;font-weight:bold;color: #37a49b;font-size:22px;line-height: 32px;}
    div.txtcom dl.txt dd em.stxt{color:#ababab;font-size:16px;font-weight: normal;letter-spacing: -0.06em}
    div.txtcom dl.txt dd em.box{width:580px;padding:28px;margin-top:35px;font-size: 18px;line-height: 28px;color:#4e4e4e;background:#f5f8f8;font-weight: normal;}
    div.txtcom dl.txt dd em.box i{color: #37a49b;font-style: normal;}

    /* .sub4 div.prowhy_con>div p.tit,
    .sub4 div.txtcom dl.txt dt strong,
    .sub4 div.txtcom dl.txt dd span,
    .sub4 div.txtcom dl.txt dd em,
    .sub4 div.txtcom dl.txt dd em.box i,
    .sub4 h4 strong,
    .sub4 div.pro_con>div p{color: #1b7cd5;}

    .sub4 div.txtcom dl.txt dd em.box{color:#4e4e4e;} */

    /* 감염관리용품 - 마스크 */
    div.txtcom.mask_con dl.txt{color: #4e4e4e}
    div.txtcom.mask_con dl.txt dt{font-size: 28px}
    div.txtcom dl.txt.mask{border-width:0;padding:0;}
    div.txtcom dl.txt.mask dd{margin:15px 0;text-indent: -8px;padding: 0 0 0 8px;overflow: hidden}
    div.txtcom dl.txt.mask dd strong{color:#303030;font-size:20px;}
    div.txtcom dl.txt.mask dd img{position:inherit;right:auto;left:0;top:0;margin:0 10px !important;float:left}
    div.txtcom dl.txt.mask dd .right_wrap{width: 440px;float: right;font-size: 18px;}
    div.txtcom dl.txt.mask dd.box{position: relative;margin:30px 0 40px 133px;text-align:left;padding:20px 55px;color:#ababab;font-size:16px;text-indent: -3px}
    div.txtcom dl.txt.mask dd.box img{position: absolute;top: 26px;left: 30px;margin:0!important;}

    div.txtcom dl.txt dd.ro_list{padding:40px 0;color:#4e4e4e}
    div.txtcom dl.txt dd.ro_list div{margin-bottom: 30px;overflow: hidden;line-height: 1.2em;font-size: 18px;}
    div.txtcom dl.txt dd.ro_list div strong{display:block;float:left;width:142px;height:42px;line-height:42px;margin-right:20px;font-size:18px;font-weight: bold;text-align: center;border-radius: 42px;color:#fff;background:#4e4e4e}
    div.txtcom dl.txt dd.ro_list div strong.ac1{background:#348cd4}
    div.txtcom dl.txt dd.ro_list div strong.ac2{background:#37a49b}
    div.txtcom dl.txt dd.ro_list div em{}

    div.txtcom dl.txt dd.box{margin-top:30px;padding:34px 40px;text-align: left;background: #f5f8f8;color:#4e4e4e;font-size: 18px;overflow: hidden}
    div.txtcom dl.txt dd.box i.round{display: block;float:left;margin-right:25px;font-style: none;border-radius: 100%;width:60px;height:60px;line-height:57px;color:#fff;text-align: center;background: #37a49b;font-size:30px;font-weight: bold;padding-right: 6px;}
    div.txtcom dl.txt dd.box .right_wrap{float: left;width: 410px}

    div.txtcom dl.txt dd.box.masktop{margin:60px 0 0px;text-align:center;}
    div.txtcom dl.txt dd.box.masktop span{font-size: 22px;}
    div.txtcom dl.txt dd.box.masktop span.ac1{font-size: 16px;color: #ababab}
    div.txtcom dl.txt dd.box.masktop .kinds{width:405px;overflow:hidden;margin:0 auto;}
    div.txtcom dl.txt dd.box.masktop .kinds p{width: 196px;height: 42px;float: left;margin-top: 10px;font-size: 20px;color: #fff;text-align: center;line-height: 42px;background-color: #39a79e;border-radius: 20px;}
    div.txtcom dl.txt dd.box.masktop .kinds p:nth-child(2n-1){margin-right: 9px}

    div.txtcom table.com{width:100%;margin-top:60px;font-size:16px;line-height:24px;border:1px solid #eff0f5;border-width:0 1px 1px 1px;color:#4e4e4e}
        div.txtcom table.com th{font-size: 17px;}
        div.txtcom table.com th, div.txtcom table.com td{padding:15px 0;border:1px solid #eff0f5;border-width:1px 0 0 1px;text-align: center;vertical-align: middle;}
        div.txtcom table.com thead th{background:#f5f8f8;font-weight: 500}
        div.txtcom table.com thead th.ac{background: #fff}
        div.txtcom table.com tbody th{background:#f5f8f8;font-weight: 500}
        div.txtcom table.com tbody td.ac{background:#f7f9f9}
        div.txtcom table.com tbody th span{color:#37a49b;}
        div.txtcom table.com thead th.ac1{background: #348cd4;color:#fff;}
        div.txtcom table.com thead th.ac2{background:#37a49b;color:#fff;}

    div.txtcom p.stxt{padding-top:20px;font-size:16px;color:#4e4e4e;text-align:left}


    div.howto_con {}
        div.howto_con div.boxty{padding:0}
        div.howto_con div.boxty div{width:100%;margin-left:0;}
        div.howto_con .boxty div.left{position:relative;margin-bottom:40px;background:#fff}
        div.howto_con .boxty div dl.txt{padding:0 0 0 20px;border:0;}
        div.howto_con .boxty div img{position:absolute;left:300px;top:0;}

        div.howto_con div.boxty>div img.left{position:absolute;left:25px;top:50px;}

        div.howto_con div.boxty>div dl.txt{margin:-15px 0 0;}
        div.howto_con div.boxty>div dl.txt dd{padding-left:182px;font-size:18px;line-height: 28px;}

        div.howto_con dl.txt img.icn{position:absolute;top:92px;right:0;}

        div.howto_con .howto2{margin-top:70px;padding-top:70px !important;}
        div.howto_con .howto2 dd{position:relative;height:600px;padding: 75px 0 0 46px;box-sizing:border-box;background:url(/md/m/images/sub/howto_3.gif) no-repeat left top;}
        div.howto_con .howto2 dd p{position:relative;width: 494px;padding-left:46px;font-size:17px;font-weight: bold;line-height:25px;color:#fff;margin-bottom: 50px;}
        div.howto_con .howto2 dd p strong{position: absolute;left:0;top:10px;display: block;border-radius: 100%;width:30px;height:30px;margin-right:13px;line-height:30px;text-align: center;background:#fff;color:#5dd0c7}
        div.howto_con .howto2 dd p span{display: block;font-size:14px;font-weight:100;color:#fff !important;}
        div.howto_con .howto2 dd p.stxt{position:absolute;left:0;width:100%;text-align: center;bottom:10px;color:#ababab;font-size:16px;font-weight: normal;line-height: 100%;padding:0}
        div.howto_con .howto2 dd p.ac strong{top:-2px}
        div.howto_con .howto2 img.icn{top:85px !important;}

    /* 감염관리용품 - 손 소독제*/
    div.hand_con{}
        div.txtcom.hand_con dl.txt img{position: relative;right: 0;top: 0;margin-left: 0!important;vertical-align: bottom;}
        div.hand_con .hand2{position: relative;height:501px;background:url(/md/m/images/sub/hand2.jpg) no-repeat left top;}
        div.hand_con .hand2 p{position: absolute;left: 285px;width:220px;text-align: left;font-size:20px;}
        div.hand_con .hand2 p.left{top:93px;}
        div.hand_con .hand2 p.right{top:344px;}
        div.hand_con .hand2 p.vs{top:228px;left:265px;font-size:48px;font-weight: bold;}
        div.hand_con .hand2 p strong{display:block;font-size:22px;}
        div.hand_con .hand2 p.left strong{color:#348bd3;}
        div.hand_con .hand2 p.right strong{color:#37a49b;}

        div.hand_con .hand3{padding-bottom: 80px !important}
        div.hand_con .hand3 dd.t{padding-left: 27px;text-indent: -8px}
        div.hand_con .hand3-1 p.subtit span.li{display: block;text-indent: -10px;padding-left: 10px;color: #4e4e4e;}

        div.hand_con .hand4{position: relative;height:501px;background:url(/md/m/images/sub/hand4.jpg) no-repeat left top;}
        div.hand_con .hand4 p{position: absolute;left:267px;width:300px;text-align: left;font-size:17px;}
        div.hand_con .hand4 p.left{top: 95px}
        div.hand_con .hand4 p.right{top:346px;}
        div.hand_con .hand4 p.vs{top:228px;left:265px;font-size:48px;font-weight: bold;}
        div.hand_con .hand4 p strong{display:block;font-size:20px;}
        div.hand_con .hand4 p.left strong{color:;}
        div.hand_con .hand4 p.right strong{color:#37a49b;}

    /* 감염관리용품 - 표면소독제 */
    div.txtcom.surface_con dl.txt img{position: inherit;}
    div.txtcom.surface_con dl.txt dd.box{padding:30px 20px;margin-top: 40px;}
    div.txtcom.surface_con dl.txt dd.box span{color: #ffee7f;font-size: 18px}
    div.txtcom.surface_con dl.txt dd.ro_list{padding:0 35px;}
    div.txtcom.surface_con dl.txt dd.ro_list div{line-height: 1.5em;border-bottom: 1px solid #eff0f5;padding:30px 0 30px 30px;margin-bottom: 0}
    div.txtcom.surface_con dl.txt dd.ro_list div strong{width: 107px;height: 30px;line-height: 29px;font-size: 16px;margin-right: 12px;}
    div.txtcom.surface_con dl.txt dd.ro_list div p{display: inline-block}
    div.txtcom.surface_con dl.txt dd.items{margin-top: 60px;}
    div.txtcom.surface_con dl.txt dd.items>div{width:100%;text-align: center;padding:40px 30px;box-sizing: border-box;border:1px solid #eff0f5}
    div.txtcom.surface_con dl.txt dd.items>div.right_box{margin-top: 35px}
    div.txtcom.surface_con dl.txt dd.items>div strong{display: block;width:175px;height:42px;line-height:42px;margin:0 auto 40px;font-size:17px;font-weight: bold;text-align: center;border-radius: 42px;color:#fff;background:#39a79e;}
    div.txtcom.surface_con dl.txt dd.items>div p{font-size: 14px;line-height: 1.5em}
    div.txtcom.surface_con dl.txt dd.items>div p.txt1{color: #ababab;margin:20px 0 15px 0}
    div.txtcom.surface_con dl.txt dd.items.it2>div table{border:0}
    div.txtcom.surface_con dl.txt dd.items.it2>div table th{border:0}
    div.txtcom.surface_con dl.txt dd.items.it2>div table td{border:0;border-top:1px solid #eff0f5}

    /* 감염관리용품 - 일상 속 세균과 바이러스 */
    div.txtcom.daily_con dl.txt img{position: inherit;}
    div.txtcom.daily_con dl.txt dd.box{padding:20px 225px}
    div.txtcom.daily_con dl.txt dd.box.box_bg{background: #f5f8f8 url(../images/sub/daily2.jpg) no-repeat 478px center}
    div.txtcom.daily_con dl.txt dd.box span{color: #ababab;}
    div.txtcom.daily_con dl.txt dd.home{margin-top:60px}
    div.txtcom.daily_con dl.txt dd.home ul{padding-left: 130px;background:url(../images/sub/daily3.gif) no-repeat 20px 0;box-sizing: border-box;}
    div.txtcom.daily_con dl.txt dd.home ul li{font-size: 18px;text-indent: -9px;padding-left: 15px}
    div.txtcom.daily_con dl.txt dd.home ul li span{font-size: 16px;color:#ababab;box-sizing: border-box;}
    div.txtcom.daily_con dl.txt dd.home .standard{margin-top:40px;padding-left: 130px;box-sizing: border-box;}
    div.txtcom.daily_con dl.txt dd.home .standard p span{color: #ababab}
    div.txtcom.daily_con dl.txt dd.home .standard table.com{width: 100%}
    div.txtcom.daily_con dl.txt dd.company{}
    div.txtcom.daily_con dl.txt dd.company ul{padding-left: 130px;padding-bottom: 50px;background:url(../images/sub/daily5.gif) no-repeat 20px 0}
    div.txtcom.daily_con dl.txt dd.company ul li{font-size: 18px;text-indent: -9px;padding-left: 15px;padding-right: 15px;}
    div.txtcom.daily_con dl.txt dd.company img.dask{padding-left:130px;box-sizing: border-box;}
    div.txtcom.daily_con dl.txt dd.school img{padding-left: 20px;box-sizing: border-box;}


div.pro_con>div{padding:0 0 57px;border-width:0 0 1px 0;margin-top:-30px}
    div.pro_con>div p{clear:both;padding:15px 0;text-align:left;font-size:22px;line-height: 32px;color: #37a49b;font-weight: bold;}
    div.pro_con>div div.left{float:left;width:580px;height:220px;margin-bottom:15px;padding:45px 30px 45px 210px;font-size:20px;line-height: 28px;box-sizing: border-box;}
    div.pro_con>div div.left strong{font-size:26px;font-weight: bold;display: inline-block;padding-bottom:15px;}
    div.pro_con>div div.left.l1{background:#f5f8f8 url(../images/sub/pro51.gif) no-repeat 40px 44px;background-size: 130px 130px;}
    div.pro_con>div div.left.l2{background:#f5f8f8 url(../images/sub/pro52.gif) no-repeat 40px 44px;background-size: 130px 130px;}
    div.pro_con>div div.left.l3{background:#f5f8f8 url(../images/sub/pro53.gif) no-repeat 40px 44px;background-size: 130px 130px;}
    div.pro_con>div div.left.l4{background:#f5f8f8 url(../images/sub/pro54.gif) no-repeat 40px 44px;background-size: 130px 130px;}
    div.pro_con>div div.left.l5{background:#f5f8f8 url(../images/sub/pro55.gif) no-repeat 40px 44px;background-size: 130px 130px;}
    div.pro_con>div div.left.l6{background:#f5f8f8 url(../images/sub/pro56.gif) no-repeat 40px 44px;background-size: 130px 130px;}
	div.pro_con>div div.left.l3, div.pro_con>div div.left.l5, div.pro_con>div div.left.l6{padding-top:60px;}

    div.pro_con table{width:100%;margin-top:15px;font-size:17px;line-height:25px;border:1px solid #f5f8f8;border-width:0 1px 1px 1px;}
    div.pro_con table th, div.pro_con table td{padding:16px 0;border:1px solid #f5f8f8;border-width:1px 0 0 1px;text-align: center;}
    div.pro_con table thead th{text-align: left;padding-left: 26px;background:#f5f8f8;font-weight: 500}
    div.pro_con table thead th.ac1{text-align: center;padding-left:0;background:#4e4e4e;color:#fff;}
    div.pro_con table thead th.ac2{text-align: center;padding-left:0;background:#37a49b;color:#fff;}
    div.pro_con table tbody th{text-align: left;padding-left: 26px;}
    div.pro_con table tbody td.ac{background:#f7f9f9}
    div.pro_con table tbody th span{color:#37a49b;}

	div.pro_con table.prolacsan{margin-top:30px;}

/**/
div.guide_con>div div.left{float:left;width:580px;height:190px;margin-bottom:10px;padding:45px 0 0 160px;font-size:15px;box-sizing: border-box;}

div.guide_con>div.num{padding-bottom:55px;border-bottom:1px solid #f5f8f8;}
    div.guide_con>div.num div.left{height:245px;padding:35px 38px 30px 200px;font-size:18px;line-height: 26px;color:#4e4e4e;text-align: justify;box-sizing: border-box;}
    div.guide_con>div.num div.left p{position:relative;padding:0 0 13px 80px;font-size:22px;line-height: 28px;font-weight: 500;text-align: left;color:#404040;}
    div.guide_con>div.num div.left p strong{position: absolute;left:0;top:12px;font-size:62px;color: #37a49b;font-weight: bold;}
    div.guide_con>div.num div.left.l1{background:#f5f8f8 url(../images/sub/guide21.jpg) no-repeat 30px 48px;}
    div.guide_con>div.num div.left.l2{background:#f5f8f8 url(../images/sub/guide22.jpg) no-repeat 30px 48px;}
    div.guide_con>div.num div.left.l3{background:#f5f8f8 url(../images/sub/guide23.jpg) no-repeat 30px 48px;}
    div.guide_con>div.num div.left.l4{background:#f5f8f8 url(../images/sub/guide24.jpg) no-repeat 30px 48px;height:265px;}
    div.guide_con>div.num div.left.l5{background:#f5f8f8 url(../images/sub/guide25.jpg) no-repeat 30px 48px;height:265px;}
    div.guide_con>div.num div.left.l6{background:#f5f8f8 url(../images/sub/guide26.jpg) no-repeat 30px 48px;height:265px;}
    div.guide_con>div.num p.txt{clear:both;padding-top:120px;font-size:20px;line-height: 30px;color: #4e4e4e;background:url(../images/sub/arrow_down2.gif) no-repeat center 45px;}

div.guide_con>div.qna{margin-top:-30px;padding:0;border-width:0 0 1px 0;overflow:hidden;}
    div.guide_con>div.qna div.left{float:none;height:auto;padding:25px 30px;font-size:15px;line-height: 24px;color:#4e4e4e;text-align: justify;background:#f5f8f8}
    div.guide_con>div.qna div.left .q{height:53px;border-bottom:1px solid #fff;font-size:22px;font-weight: bold;}
    div.guide_con>div.qna div.left .q strong{padding-right:25px;font-size:40px;font-weight: bold;color: #37a49b;vertical-align: -4px}
    div.guide_con>div.qna div.left .a{position: relative;padding:20px 0 0 52px;font-size:18px;line-height: 30px;}
    div.guide_con>div.qna div.left .a strong{position: absolute;left:0;top:30px;padding-right:25px;font-size:40px;font-weight: bold;color: #303030;vertical-align: -4px}
    div.guide_con>div.qna div.left .a span.d{padding:0 3px;font-size:11px;vertical-align: 1px}
    div.guide_con>div.qna div.left .a img{vertical-align: -1px;margin-left:3px;}
    div.guide_con>div.qna div.left .a em{display: block;position: relative;margin-top:12px;padding-left:40px;font-size:16px;color:#ababab;line-height: 20px;}
    div.guide_con>div.qna div.left .a em i{position: absolute;left:0;top:-2px;width:28px;height:28px;line-height: 28px;border-radius: 100%;font-size:15px;color:#fff;font-style:normal;text-align: center;background:#da7b6e;}
    div.guide_con>div.qna div.left span.ac{color: #37a49b;}
    div.guide_con>div.qna div.left span.ac1{color: #ababab;font-size:18px;}

    div.guide_con>div.qna div.txt{clear:both;position: relative;padding:20px 0 0 100px;line-height:30px;font-size: 20px;text-align: justify;}
    div.guide_con>div.qna div.txt p{position: absolute;left:0;top:38px;width:77px;height:77px;line-height: 28px;border-radius: 100%;font-size:17px;color:#fff;font-style:normal;text-align: center;background:#37a49b;line-height:20px;padding-top:20px;box-sizing: border-box;font-weight: bold;}

    /* .sub4 div.guide_con>div.num div.left p strong,
    .sub4 div.guide_con>div.qna div.left .q strong,
    .sub4 div.guide_con>div.qna div.left span.ac{color:#1b7cd5}
    .sub4 div.guide_con>div.qna div.txt p{background:#1b7cd5} */

/**/
div.info_con div.tit{text-align:center;padding-bottom:50px;margin-bottom:40px;border-bottom:1px solid #f5f8f8;}
div.info_con div.tit img.box{margin:60px 0;}

div.info_con dl.txt1{position: relative;padding-left:0;padding:30px 0 40px 0;line-height: 30px;font-size:20px;color:#4e4e4e;}
div.info_con dl.txt1 dt{position:inherit;padding:0 0  20px 0;font-size: 28px;font-weight: bold;color:#303030;}
div.info_con dl.txt1 dt strong{color: #37a49b;}


.search .map{width:525px;height:577px;position:relative;top:0;left:0;margin-top:-20px;background:url(/md/images/map_area_off.png) no-repeat 0 0;border:none;}
.search .map>div{position:absolute;}
.search .map>div>a{width:100%;height:100%;display:block;text-indent:-99999em;}

.search .map div:hover, .search .map .on{opacity: 0.7}

/* competition */
div.competition_con{width: 580px;margin:60px auto 0;line-height: 1.5em;color:#303030;}
    div.competition_con>p{font-size: 28px;line-height: 38px;font-weight: bold;letter-spacing: -1.5px;margin-bottom: 40px}
    div.competition_con>p em{color: #37a49b}
    div.competition_con .line{width: 100%;height: 1px;background-color: #eff0f5;margin:60px 0 60px 0}
	div.competition_con .img_box{margin-bottom: 55px;text-align: center;overflow:hidden}
	div.competition_con dl{width:560px;}
    div.competition_con dl dt{font-size: 22px;line-height: 32px;font-weight: 500;margin-bottom:20px;padding-left: 20px;box-sizing: border-box;background:url(../images/sub/icn_list.gif) no-repeat 0 11px;letter-spacing: -1.2px}
    div.competition_con dl dd{font-size:20px;color: #4e4e4e;padding-left: 20px;box-sizing: border-box;line-height: 30px;letter-spacing: -1px;text-align: justify;}
    div.competition_con dl dd .img_box p{display: inline-block;float: left;margin:55px 23px 40px 0;padding-bottom: 4px;border-bottom:2px solid #37a49b;box-sizing: border-box;line-height: 1.5em;font-size: 18px;font-weight: bold;color: #37a49b;}
    div.competition_con dl dd .img_box ul{float:left;height: 371px;background:url(../images/sub/competition1.jpg) no-repeat 0 0;}
    div.competition_con dl dd .img_box ul li{width: 265px;float: left;margin: 146px 8px 13px 0;text-align: center;font-size: 16px;color: #4e4e4e;}
	div.competition_con dl dd .img_box ul li:nth-child(2), div.competition_con dl dd .img_box ul li:nth-child(4){margin-right:0;}
    div.competition_con dl.d1 dd{position: relative;}
    div.competition_con dl.d1 dd .img_box{position: absolute;top: -68px;right: 21px;margin-top: 0}
    div.competition_con dl.d4 dd>p{width: 540px;margin-top:-30px;padding:20px 0;box-sizing: border-box;text-align: center;font-size: 18px;background:#f5f8f8;}



/* board */
div.board_con{width: 580px;margin:80px auto 0;color:#303030;}
    div.board_con .search_box {text-align: right;margin-bottom: 20px;overflow:hidden}
    div.board_con .search_box select {width: 138px;padding: 13px 10px;border: 1px solid #e8eaec;background: url('../images/sub/icn_select.gif') no-repeat 90% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#7d7d7d;font-size: 16px;box-sizing: border-box;}
    div.board_con .search_box input{width: 308px;margin-left: 3px;padding:13px 10px;border: 1px solid #e8eaec;color:#7d7d7d;font-size: 16px;box-sizing: border-box;}
    div.board_con .search_box .btn_search{display: inline-block;width: 120px;margin-left: 4px;padding:11px 10px;box-sizing: border-box;background-color: #37a49b;font-size: 20px;font-weight: bold;text-align: center;color: #fff;}
    div.board_con .search_box a.btn_qna{display:block;width: 100%;padding:11px 0;margin-bottom: 40px;box-sizing: border-box;background-color: #37a49b;font-size: 20px;font-weight: bold;text-align: center;color: #fff;}
    div.board_con .search_box a.btn_qna img{margin-top:7px;margin-right: 3px}

    div.board_con .list_wrap{}
    div.board_con .list_wrap dl.list{position: relative;padding:25px 10px;border-top:1px solid #e4e4e4;box-sizing: border-box;overflow: hidden}
    div.board_con .list_wrap dl.list.on::after{content: "공지";display:inline-block;position:absolute;top: 33px;left:0;width:47px;height: 20px;background-color: #1b7cd5;border-radius: 10px 10px;color:#fff;text-align: center;font-size: 16px;line-height: 18px}
    div.board_con .list_wrap dl.list:last-child{border-bottom:1px solid #e4e4e4;}
    div.board_con .list_wrap dl dt{width: 100%;padding-bottom:7px;color:#303030;font-size: 20px;line-height: 24px;}
    div.board_con .list_wrap dl dd{color:#b2b2b2;font-size: 14px;}
    div.board_con .list_wrap dl dd.icn_file{position: absolute;top: 34px;right: 20px}
    div.board_con .list_wrap dl dd.icn_qna{position: absolute;top: 25px;right: 10px}

    div.board_con .page-link{border:none;color: #4e4e4e;background-color: #fff;padding: 0.5rem 1.3rem;}
    div.board_con .page-link:hover{background-color: #fff;text-decoration: underline;color: #37a49b;border-color: #dee2e6;}
    div.board_con .page-link:focus{z-index: 2;outline: 0;box-shadow: 0;}
    div.board_con .page-item.active .page-link{background-color: #fff;text-decoration: underline;color: #37a49b;}

    div.board_con .badge{display: inline-block;padding: 5px 10px;margin-left: 5px;border-radius: 50px;background-color: #5dd0c7 !important;font-size: 14px;text-align: center;color: #fff;font-weight: bold;vertical-align: bottom}
    div.board_con .icn_qna span{display: inline-block;width: 85px;height:30px;line-height: 30px;border-radius: 10px;font-size: 16px;box-sizing: border-box;color:#ababab;border:1px solid #e8eaec;text-align: center;}
    div.board_con .icn_qna.ty2 span{border:1px solid #5dd0c7;color: #37a49b;}
    div.board_con .icn_locked img{margin-top: 2px;margin-left: 8px}
    div.board_con .icn_file img{margin-top: 2px;margin-left: 8px}

    /* board - qna_write */
    div.board_con .table.write{margin-bottom: 20px;color:#4e4e4e;border-collapse: collapse;}
    div.board_con .table.write tbody th{width: 170px;font-size: 20px;background-color: #f5f8f8;text-align: center;border-color:#eff0f5;vertical-align: middle}
    div.board_con .table.write tbody td{text-align:left;font-size: 20px;vertical-align:middle;padding: 20px 40px;border-color:#eff0f5}
    div.board_con .table.write tbody td.txt{padding:43px 20px}

    div.board_con .table.write input[type=text]{border: none;width: 100%;height: 100%;}
    div.board_con .table.write input::placeholder {color: #ababab;}
    div.board_con .table.write input::-webkit-input-placeholder {color: #ababab;}
    div.board_con .table.write input:-ms-input-placeholder {color: #ababab;}

    div.board_con .table.write .radio-box{position: relative;display: inline-block;}
    div.board_con .table.write .radio-box.yes{margin-right: 25px}
    div.board_con .table.write .radio-box input[type=radio]{position:absolute;filter:alpha(opacity=100); opacity:0; border:none; vertical-align:middle;-webkit-appearance:radio;}
    div.board_con .table.write .radio-box label{display:inline-block;line-height: 17px}
    div.board_con .table.write .radio-box label em{width:19px; height:19px;margin-right: 5px;display:inline-block; float:left; background:url('../images/sub/radio_off.gif') 0 0 no-repeat}
    div.board_con .table.write .radio-box.checked label em{background:url('../images/sub/radio_on.gif') 0 0 no-repeat;}

    div.board_con .table.write textarea{border: none;width: 100%;height: 250px;color: #4e4e4e}
    div.board_con .table.write textarea::placeholder {color: #ababab;}
    div.board_con .table.write textarea::-webkit-textarea-placeholder {color: #ababab;}
    div.board_con .table.write textarea:-ms-textarea-placeholder {color: #ababab;}

    div.board_con .table.write input[type=file]{display: none;}
    div.board_con .table.write .custom-file-upload {display: inline-block;cursor: pointer;color: #ababab;font-size: 14px}
    div.board_con .table.write .custom-file-upload>div{width:150px;height: 35px;margin-bottom:9px;border:1px solid #37a49b;box-sizing: border-box;text-align: center;line-height: 35px;color: #37a49b;font-weight: bold;font-size: 16px}

    div.board_con .btns{overflow:hidden;width: 385px;margin:0 auto;}
    div.board_con .btns a{display: block;width: 190px;height: 50px;float: left;color: #fff;font-weight: bold;font-size: 20px;text-align: center;line-height: 50px;}
    div.board_con .btns a.btn_cancel{margin-right: 5px;background-color: #ababab}
    div.board_con .btns a.btn_reg{background-color: #37a49b}

/* board - infect,pathogen(주요간염병정보,병원체생물안전정보) */
div.board_con2{width: 580px;margin:80px auto 0;color:#303030;font-size: 18px;}
    div.board_con2 .top{padding:36px 20px;box-sizing: border-box;background-color: #f5f8f8;}
    div.board_con2 .top ul{overflow:hidden;border-spacing: 10px;margin:0 auto;}
    div.board_con2 .top ul li{float:left;margin:5px 4px;}
    div.board_con2 .top ul li:last-child{margin-right: 0}
    div.board_con2 .top ul li a.on{background-color: #5dd0c7;color: #fff;}
    div.board_con2 .top ul li a{display:block;border:1px solid red;float:left;padding:0 17px;border:1px solid #5dd0c7;height: 60px;border-radius: 3px;box-sizing: border-box;background-color: #fff;font-size: 26px;font-weight: bold;text-align: center;line-height: 58px;cursor: pointer;}
    div.board_con2 .top p{font-size: 16px;color: #4e4e4e;text-align: center;margin-top: 20px}
    div.board_con2 .list{display: table;width: 100%;padding:40px 0;box-sizing: border-box;border-bottom:1px solid #eff0f5}
    div.board_con2 .list .left{display: table-cell;width: 130px;text-align: center;vertical-align: middle;}
    div.board_con2 .list .left p{font-size: 60px;color: #37a49b;font-weight: bold;}
    div.board_con2 .list .left span{display: block;margin-bottom: -10px;font-size: 14px;color: #37a49b;}
    div.board_con2.pathogen .list .left p{font-size: 50px;}
    div.board_con2 .list .right{display: table-cell;padding-left: 30px;vertical-align: middle;box-sizing: border-box;border-left: 1px solid #eff0f5}
    div.board_con2 .list .right ul{}
    div.board_con2 .list .right ul li{width: 100%;padding-left: 9px;margin-bottom: 12px;color:#4e4e4e;background: url(../images/tit_icn3.gif) no-repeat left 11px;box-sizing: border-box;}

/* board - qna */
#layer_password .popup_box{width:500px;height:340px;position:fixed;left:50%;top:50%;margin:-170px 0 0 -250px;background:#fff;z-index:1000;}
    #layer_password .popup_box .close{position: absolute;top: 22px;right: 14px}
    #layer_password .popup_box .pop_tit{padding:35px 0 30px 0;margin-bottom: 45px;box-sizing: border-box;background-color: #f5f8f8;text-align: center}
    #layer_password .popup_box .pop_tit p{font-size: 28px;font-weight: bold;color: #303030}
    #layer_password .popup_box .pop_tit span{font-size: 18px;color: #4e4e4e}
    #layer_password .popup_box input.pw{display: block;width: 400px;height: 60px;margin:0 auto 10px;padding:0 20px;border:1px solid #e8eaec;line-height: 60px;}
    #layer_password .popup_box input.pw::placeholder {color: #ababab;}
    #layer_password .popup_box input.pw::-webkit-input-placeholder {color: #ababab;}
    #layer_password .popup_box input.pw:-ms-input-placeholder {color: #ababab;}
    #layer_password .popup_box .btns{overflow: hidden;width: 405px;margin: 0 auto;}
    #layer_password .popup_box .btns a{display: block;width: 200px;height: 50px;float: left;color: #fff;font-size: 20px;text-align: center;line-height: 50px;}
    #layer_password .popup_box .btns a.btn_cancel{margin-right: 5px;background-color: #f5f8f8;color: #4e4e4e}
    #layer_password .popup_box .btns a.btn_reg{background-color: #37a49b}

/* board - view페이지 */
div.view_con{width: 580px;margin:80px auto 0;border:1px solid #e8eaec;color:#303030;font-size: 14px;}
    div.view_con .tit{padding:30px 25px;box-sizing: border-box;background-color: #f5f8f8;}
    div.view_con .tit p{font-size: 24px;font-weight: bold;margin-bottom: 5px}
    div.view_con .tit span{color: #b2b2b2;}
    div.view_con .attach{padding:13px 25px;border-bottom: 1px solid #eff0f5;box-sizing: border-box;color: #4e4e4e}
    div.view_con .attach span{color: #37a49b}
    div.view_con .attach .btn_down{display: inline-block;width: 63px;height: 16px;margin-left: 10px;border-radius: 8px 8px;background-color: #5dd0c7;line-height: 16px;font-size: 11px;font-weight: bold;color: #f5f8f8;text-align: center;}
    div.view_con .txt{padding:45px 30px;box-sizing: border-box;font-size: 20px;color: #4e4e4e}
    div.view_con .txt img{width: 100%}

/* board - Q&A view페이지 */
div.view_con2{width: 580px;margin:80px auto 0;color:#303030;}
    div.view_con2 .qbox{padding:0 30px;border:1px solid #e8eaec;box-sizing: border-box;}
    div.view_con2 .qbox .tit{padding:35px 0;border-bottom:1px solid #e8eaec;box-sizing: border-box;font-size: 20px;font-weight: bold;}
    div.view_con2 .qbox .tit p em{display: inline-block;width: 87px;height: 27px;margin-left:7px;border-radius: 13px;border:1px solid #37a49b;box-sizing: border-box;line-height: 25px;font-size: 16px;text-align: center;font-weight: normal;color: #37a49b;}
    div.view_con2 .qbox .tit span{font-size: 14px;color: #b2b2b2;font-weight: normal}
    div.view_con2 .qbox .txt{padding:35px 0;box-sizing: border-box;color: #4e4e4e;font-size: 20px}

    div.view_con2 .abox_wrap{padding-left:60px;box-sizing: border-box;margin-top: 20px;background:url(/md/images/sub/icn_reply.gif) no-repeat 0 16px}
    div.view_con2 .abox{border:1px solid #e8eaec;box-sizing: border-box;}
    div.view_con2 .abox .tit{padding:40px 30px;box-sizing: border-box;font-size: 20px;font-weight: bold;background-color: #f5f8f8}
    div.view_con2 .abox .tit span{font-size: 14px;color: #b2b2b2;font-weight: normal}
    div.view_con2 .abox .txt{padding:60px 30px;box-sizing: border-box;color: #4e4e4e;font-size: 20px}
