@charset "utf-8";

/* layout ---------------------------------------- */
/* layout : common */
.wrap{max-width:1200px;margin:0 auto;}
.content{box-sizing:border-box;}
.content .section{margin-bottom:50px;}
.section .article{padding:40px 50px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff;}
.section .article + .btn-area{margin-top:30px;margin-bottom:30px;}
/* layout : header */
.header{padding:63px 0 20px;background:#f5ede7;z-index:1;}
.header h1{display:inline-block;margin-right:13px;}
.header h1 a{display:block;margin-top:15px;letter-spacing: -1.75px;}
.header h1 a img{width:207px;height:38px;margin-right:15px;padding-top:4px;vertical-align:top;}
/* .header h1 a img{width:159px;height:38px;margin-right:15px;padding-top:4px;vertical-align:top;} */
/*
.header h1 a span:after{content:'';display:inline-block;position:relative;top:5px;height:46px;margin:0 20px;border-left:2px solid #000;opacity:0.1;}
.header h1 a span{font-size:50px;font-weight:bold;font-stretch: normal;font-style: normal;line-height: 1.48;letter-spacing: normal;text-align: left;color: #111111;}
*/
.header h1 a span:before{content:'';display:inline-block;position:relative;top:5px;height:38px;margin-right:15px;border-left:2px solid #000;opacity:0.1;}
.header h1 a span{font-size:40px;font-weight:700;line-height:43px;color:#736A60;}

.header .select{vertical-align:top;}
.header .state-area{float:right;width:auto;}
.state-area .step-area{float:left;margin:20px 10px 0 0;}
.state-area .btn-area{float:left;width:auto;}
.state-area .btn-area .btn-basic{width:220px;padding:12px 0 13px;background:#736a60;font-size:18px;font-weight:bold;}
.state-area .btn-area .btn-basic.pass{display:none;}

.section .covid{width:calc(100% - 10px)}


/* layout : ui - 셀박스 */
.col-box{display:table;table-layout:fixed;width:100%;}
.col-box .col-item{display:table-cell;}
.col-box .col-item2{display:table-cell;}
.col-box .col-item3{display:table-cell;}
/* layout : ui - 탭 */
.tab-box{width:100%;margin-top:40px;}
.tab-box .tab-head{display:table;table-layout:fixed;width:100%;}
.tab-head .tab-item{display:table-cell;vertical-align:middle;}
.tab-head .tab-item:first-child .bg-box{margin-left:0;}
.tab-head .bg-box{height:108px;margin-left:10px;padding:20px 10px 20px 20px;background:#eee;border:1px solid #ccc;}
.tab-box .tab-body{/*max-height:860px;*/margin-top:40px;padding:0;}

/* 텍스트 체계 ---------------------------------------- */
.txt-sub + .txt-tit{margin-top:26px;}
.txt-list + .txt-sub{margin-top:8px;}
h2 + .txt-rg{margin-bottom:40px;}
h2 + .txt-rg ~ .txt-tit{margin-top:50px;}
/* 텍스트 체계 : 기본폰트 */
h2{padding-bottom:10px;font-size:32px;font-weight:700;line-height:41px;color:#333;letter-spacing: -1.75px;}
.txt-tit{margin-top:30px;padding-bottom:10px;font-size:25px;font-weight:700;color:#333;}
.txt-sub{display:block;font-size:18px;font-weight:400;color:#666;margin-left:20px;}
.txt-info{display:block;font-size:20px;font-weight:400;color:#333;}
/* 텍스트 체계 : 기본폰트(사이즈별) */
.txt-rg{font-size:20px;color:#333;}
.txt-rg-red{font-size:18px;color:#F9414F;}
.txt-md{font-size:24px;color:#333;}
.txt-md-red{font-size:28px;color:#F9414F;}
.txt-lg{font-size:34px;color:#333;}
.txt-point{color:#F9414F;}
.txt-rg strong,
.txt-rg-red strong,
.txt-md strong,
.txt-md-red strong,
.txt-lg strong{font-weight:700;}
/* 텍스트 체계 : 슬로건 텍스트 */
.txt-logo1,.txt-logo2{font-size:20px;font-weight:700;}
.txt-logo1{color:#F9414F;}
.txt-logo2{color:#594f43;}
/* 텍스트 체계 : 리스트형 */
.txt-list{background:#fff;border-top:2px solid #333;}
.txt-list *{font-size:20px;color:#666;font-weight:400;}
.txt-list strong{font-weight:700;}
.txt-list li{padding:8px 25px 8px;border-bottom:1px solid #ccc;text-indent:-25px;}
.txt-list li:before{content:'';display:inline-block;width:5px;height:5px;margin:0 10px 3px;background:#999;}
.txt-list li span{display:block;padding-left:20px;}
.txt-list li span:before{content:'';display:inline-block;width:5px;height:2px;margin:0px 4px 4px 16px;background:#999;}
/* 텍스트 체계 : 리스트형(커스텀형) */
.txt-list.ty2{margin:0 auto 30px;padding:20px 0 25px;background:#fff;border-top:none;border-bottom:1px solid #999;max-width:900px;}
.txt-list.ty2 *{font-size:20px;color:#333;font-weight:400;text-align:left;}
.txt-list.ty2 strong{font-weight:700;}
.txt-list.ty2 li{padding:4px 0 4px 40px;border-bottom:none;text-indent:-25px;letter-spacing:-.5px;}
.txt-list.ty2 li:before{content:'';display:inline-block;width:3px;height:3px;margin:0 10px 6px;background:#333;border-radius:3px;}
/* 텍스트 체계 :이미지 */
.img-box img{width:100%;}

/* custom : select ---------------------------------------- */
.select{display:inline-block;position:relative;min-width:80px;border:1px solid #ccc;background:#fff;}
.select a{display:block;padding:11px 36px 12px 10px;font-size:18px;font-weight:400;color:#333;letter-spacing:-1px;}
.select > a{background:url('../../images/emi4/icon-arr-down-1.png') no-repeat top 17px right 10px;background-size:16px;}
.select > a.on{background:url('../../images/emi4/icon-arr-up-1.png') no-repeat top 17px right 10px;background-size:16px;}
.select ul{position:absolute;left:-1px;right:-1px;border:1px solid #ccc;background:#fff;}
.select ul li a{padding:9px 10px 10px;}
.select ul li a:hover{font-weight:bold;}

/* custom : checkbox ---------------------------------------- */
/* basic : 24px */
.checkbox{display:block;position:relative;padding-left:34px;margin:0 15px 20px 0;font-size:20px;font-weight:500;cursor:pointer;word-wrap: break-word;word-break: keep-all;/* white-space: pre-line; */-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;}
.checkbox input{position:absolute;width:0;height:0;cursor:pointer;opacity:0;}
.check-mark{position:absolute;top:4px;left:0;width:24px;height:24px;background-color:#fff;border:1px solid #999;border-radius:2px;box-sizing:border-box;}
.checkbox:hover input ~ .check-mark{border-color:#F9414F;}
.checkbox input:checked ~ .check-mark{background:#F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:12px 9px;border-color:#F9414F;}
.checkbox input:disabled ~ .check-mark{background:#eee;border-color:#999;}
/* midum : 28px */
.checkbox.md{padding:2px 0 1px 38px;font-size:24px;line-height:25px; font-weight:bold;}
.checkbox.md strong{font-weight:700;}
.checkbox.md .check-mark{width:28px;height:28px;}
.checkbox.md input:checked ~ .check-mark{background-size:14px 11px;}
/* large : 48px */
.checkbox.lg{padding:12px 0 12px 58px;}
.checkbox.lg .check-mark{width:48px;height:48px;background:#fff url('../../images/emi4/icon-check-off.png') no-repeat center;background-size:34px 26px;}
.checkbox.lg input:checked ~ .check-mark{background-size:34px 26px;}

/* custom : radio ---------------------------------------- */
/* basic : 24px */
.radio{display:block;position:relative;padding-left:34px;margin:0 20px 20px 0;font-size:18px;font-weight:400;cursor:pointer;word-wrap: break-word;word-break: keep-all;/* white-space: pre-line; */-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.radio input{position:absolute;opacity:0;cursor:pointer;}
.radio-mark{position:absolute;top:1px;left:0;width:24px;height:24px;background-color:#fff;border:1px solid #999;border-radius:50%;box-sizing:border-box;}
.radio-mark:after{content:'';position:absolute;display:none;}
.radio .radio-mark:after{top:4px;left:4px;width:14px;height:14px;border-radius:50%;}
.radio:hover input ~ .radio-mark{border-color:#F9414F}
.radio:hover input:disabled ~ .radio-mark{border-color:#999}
.radio input:checked ~ .radio-mark {background-color: #fff;}
.radio input:checked ~ .radio-mark:after{display:block;background:#F9414F;}
.radio input:disabled ~ .radio-mark{background:#eee;}
.radio input:disabled ~ .radio-mark:after{background:#999;}

/* custom : input text ---------------------------------------- */
.text{margin-right:10px;font-size:18px;}
.text:first-child{margin-left:0;}
.text input[type="text"]{margin-left:10px;padding:5px 6px 6px;max-width:80px;background:#fff;border:1px solid #ccc;font-size:18px;text-align:center;}

/* custom : textarea ---------------------------------------- */
.textarea{width:100% !important;min-height:80px;padding:10px 20px;border:1px solid #ccc;box-sizing:border-box;font-size:18px;}

/* button ---------------------------------------- */
.btn-area{width:100%;margin:0 auto ;text-align:center;}
.btn-area *{display:inline-block;width:calc(100%/2 - 10px);padding:27px 0 28px;font-size:32px; font-weignt:500; color:#fff;line-height: 25px; border-radius: 5px; 	background-color: #685642;}
.btn-area + .btn-area{margin-top:10px;}
.btn-area button{padding:28px 0 27px;}
.btn-area a:nth-child(2),.btn-area input[type='submit']:nth-child(2),.btn-area button:nth-child(2){margin-left:7px;}
/* button : 기본,이전 */
input[type='submit'].btn-basic,button.btn-basic,.btn-basic{background-color:#848484;}
input[type='submit'].btn-basic:hover,button.btn-basic:hover,.btn-basic:hover{background-color:#848484;color:#fff;}
/* button : 확인,다음 */
input[type='submit'].btn-agree,button.btn-agree,.btn-agree{background-color:#112b63;border-radius: 5px;}
input[type='submit'].btn-agree:hover,button.btn-agree:hover,.btn-agree:hover{background-color:#112b63;color:#fff;}
/* button : 비활성화 */
input[type='submit'].disable,button.disable,.disable,
input[type='submit'].disable:hover,button.disable:hover,.disable:hover{background-color:#f9f9f9 !important;color:#ccc !important;border:1px solid #ccc;box-sizing:border-box;cursor:default;pointer-events:none;}
/* button : 동의버튼 */
.btn-area.ty2 *{width:220px !important;margin:0 5px;padding:12px 0 13px;font-size:18px;}
.btn-area.ty2 input[type='submit'].btn-agree,.btn-area.ty2 button.btn-agree,.btn-area.ty2 .btn-agree{background-color:#F9414F;}
.btn-area.ty2 input[type='submit'].btn-agree:hover,.btn-area.ty2 button.btn-agree:hover,.btn-area.ty2 .btn-agree:hover{background-color:#dd4846;color:#fff;}
.btn-area.ty2 a:nth-child(2),.btn-area.ty2 input[type='submit']:nth-child(2),.btn-area.ty2 button:nth-child(2){margin-left:2px;}
/* button : 상세보기 */
.btn-detail{border-radius:5px; padding:8px 18px;background:#736a60;}
.btn-detail span{padding-right:16px;background:url('../../images/emi4/icon-btn-view.png') no-repeat top 5px right 0;background-size:12px 19px;font-size:18px;font-weight:700;color:#fff;}
.btn-detail:hover{background:#736a60;}
/* button : 취소 */
.btn-cancel{padding:8px 23px 8px 22px;background:#333;}
.btn-cancel span{font-size:18px;;font-weight:400;color:#fff;}
.btn-cancel:hover{background:#000;}

/* table ---------------------------------------- */
table{width:100%;table-layout:fixed;}
table,th,td{border-collapse:collapse;}
th,td{height:39px;padding:5px 20px;border:1px solid #999;font-size:18px;color:#333;vertical-align:middle;word-wrap: break-word;word-break:keep-all;}
th{background:#eee;text-align:center;}
td{background:#fff;}
thead th{border-top:1px solid #0a0a0a;}
thead th:first-child{border-left:none;}
thead th:last-child{border-right:none;}
tbody th:first-child,tbody td:first-child{border-left:none;}
tbody th:last-child,tbody td:last-child{border-right:none;}
th .checkbox,th .radio,
td .checkbox,td .radio{margin:0;}
table colgroup + tbody tr:first-child *,
table caption + tbody tr:first-child *{border-top:1px solid #0a0a0a;}
.even tbody tr:nth-child(even) *{background:#f9f9f9;}
tbody .img-box img{width:auto;}

/* 로그인 ---------------------------------------- */
body.login1 { height:auto;}
body.login1 .header { margin:50px auto 99px auto; padding:0;}
/*body.login1 .header h1 a img { width:230px; height:55px;}*/
body.login1 .header .select { }
body.login1 .header .banner-area { float:right; margin:0 20px 0 0; padding-top:5px;}


  
body.login1 .form-box dl.jumin-box .text:first-child input[type="text"]{width:calc(100%/2 - 5px);float:left;}
body.login1 .form-box dl.jumin-box .text:nth-child(2) input[type="text"]{width:calc(100%/2 - 5px);float:right;}
/*body.login1 .form-box .input-box input[type="text"]{max-width:inherit;width:100%;margin:0 0 10px 0;padding:16px 10px 15px;box-sizing:border-box;text-align:left;}*/
body.login1 .login .btn-area{ clear:both; margin-bottom:0px; }
body.login1 .login .btn-area *{padding:18px 0 18px;background:#F9414F;}

.form-box{}
.form-box > p{display:flex;align-items:center;margin-bottom:10px;}
.form-box > p span{font-size:16px;margin-right:10px;color:#999;}
.switch{display:inline-block;position:relative;width:50px;height:18px;}
.switch input{width:0;height:0;opacity:0;}
.slider{/*position:absolute;top:0;right:0;bottom:0;left:0;*/background:#333 url('../../images/emi4/icon-off.png') no-repeat right top;background-size:contain;border-radius:34px;cursor:pointer;
-webkit-transition:.4s;
transition:.4s;}
.slider:before{content:"";position:absolute;width:22px;height:22px;left:-1px;bottom:-2px;background-color:#fff;border-radius:50%;box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.5);
-webkit-transition:.4s;
transition:.4s;}
input:checked + .slider{background:#F9414F url('../../images/emi4/icon-on.png') no-repeat left top;background-size:contain;}
input:focus + .slider{box-shadow:0 0 1px #F9414F;}
input:checked + .slider:before{
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px);}
/*body.login1 .form-box .input-box .text{margin:0;}
body.login1 .form-box .input-box .text:first-child{display:block;}
*/

/* 문진스텝 : 안내문 ---------------------------------------- */
.tab-head .bg-box .checkbox.lg{margin:0;padding:58px 0 0 0;word-wrap:break-word;word-break:keep-all;white-space:pre-line;letter-spacing:-.5px;line-height:25px;}
.tab-body .tab-item{padding-bottom:30px;background:#fff;border:1px solid #ccc;}
.tab-body .doc-fix{width:100%;}
.tab-body .doc-tit{position:relative;width:100%;padding:25px;background:#333;font-size:34px;font-weight:700;color:#fff;text-align:center;box-sizing:border-box;}
.tab-body .doc-tit:before{content:'';position:absolute;top:0px;right:-1px;bottom:-1px;left:-1px;border:1px solid #333;border-top:none;}
.tab-body .doc-fix > div{padding:38px 50px;}
.tab-body .doc-fix > div:after{content:'';display:block;clear:both;}
.tab-body .doc-fix > div .btn-detail{display:block;float:left;}
.tab-body .doc-fix > div .checkbox{float:right;margin:6px 0;}
.tab-body .doc-cont{max-height:1500px;padding:0 50px 50px 50px;overflow-y:auto;}
.tab-box + .btn-area{margin-top:30px;}
/* 문진스텝 : 안내문(팝업/컨텐츠형) */
.pop-box{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;}
.pop-box2{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;}
.pop-cont{position:relative;width:90%;/*height:auto;*/background:#fff;z-index:10;border-radius: 10px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff;}
.pop-close{display:block;position:absolute;top:32px;right:32px;width:30px;height:30px;background:url('../../images/emi4/icon-btn-close.png') no-repeat center;background-size:30px;cursor:pointer;text-indent:-9999px;z-index:2;}
.pop-box .btn-area *{padding:15px 0 15px;}
.pop-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;opacity:.5;}
.pop-cont .pop-doc-fix{width:100%;}
.pop-doc-fix .doc-tit{position:relative;width:100%;padding:25px;background:#333;font-size:34px;font-weight:700;color:#fff;text-align:center;box-sizing:border-box;z-index:1;}
.pop-doc-fix .doc-tit:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid #333;border-bottom:none;}
.pop-doc-fix > div{padding:38px 50px;}
.pop-doc-fix > div:after{content:'';display:block;clear:both;}
.pop-doc-fix > div .btn-detail{display:block;float:left;}
.pop-doc-fix > div .checkbox{float:right;margin:6px 0;}
.pop-doc-cont{max-height:440px;padding:0 50px 40px 50px;overflow-y:auto;}
.pop-doc-cont > .img-box{width:auto;margin:30px auto 0;}
.pop-cont .btn-area{margin-top:30px; margin-bottom:0px;}
.pop-cont .pop-doc-cont + .btn-area{padding:0 50px 40px 50px;box-sizing:border-box;}
.pop-cont .btn-area .btn-agree{background:#F9414F !important; /*font-size:24px; border-radius:0;*/}
.pop-cont .btn-area .pop-close{position:relative;top:inherit;right:inherit;width:100%;background:#aaa;text-indent:0;}
/* 문진스텝 : 안내문(팝업/알림형) */
.pop-box.type0 .pop-cont { width:635px;}
.pop-box.type0 .icon-aret { width:60px;margin:95px auto 20px;}
.pop-box.type0 .pop-doc-cont { height:290px;padding:0;}
.pop-box.type0 .pop-doc-cont *{text-align:center;}
.pop-box.type0 .btn-area{padding:0;}
.pop-box.type0 .btn-area .btn-basic:hover{background-color:#848484;}

.pop-box.type1 .btn-area{padding:0; margin-bottom:50px;}
/* 해당없음 버튼 */
.btn-area-t{text-align:right;position:relative;margin-top:-1%; width:auto;}
.btn-top {background-color: #7F9D33; font-weight: bold;width:35%;max-width:220px;padding:12px 0 13px;font-size:18px; color: #000000;}
/* 문진스텝 : 안내문(팝업/슬라이드) */
.slider{width:100%;}
.slick-slide {margin:0px ;}
.slick-slide img {width:100%;}
.pop-cont .pagination + .btn-area{padding:0 50px 40px 50px;box-sizing:border-box;}
.pop-cont .pagination{position:relative;width:100%;margin-top:20px;}
.pop-cont .pagination .slick-dots{text-align:center;}
.pop-cont .pagination .slick-dots li{display:inline-block;margin-left:10px;}
.pop-cont .pagination .slick-dots li:first-child{margin-left:0;}
.pop-cont .pagination .slick-dots li button{width:10px;height:10px;background:#8C8C8C;text-indent:-9999px;border:none;}
.pop-cont .pagination .slick-dots .slick-active button{background:#333;width:15px;}
/* 문진스텝 : 문진 */
.article-txt-box{clear:both;overflow:hidden;}
.article-txt-box:first-child{display:flex;}
.article-txt-box + .article-txt-box{margin-top:20px;}
.txt-box{flex:1 1 auto;padding:20px 20px;background:#f8f8f6;border:1px solid #ccc;}
.txt-box.q-box {background:#fdfaf8;}
.article-txt-box .txt-tit{margin-top:0;}
.txt-img{display:inline-block;position:relative;top:12px;width:16px;height:16px;margin-right:3px;background:#fff;border:1px solid #F9414F;border-radius:2px;text-indent:-9999px;}
.article-txt-box .pp-box{display:flex;background:#fff;}
.article-txt-box .pp-box *{display:block;width:160px;height:100%;margin-left:10px;padding:20px 25px 20px 20px;background:#F9414F url('../../images/emi4/icon-go-3.png') no-repeat bottom 10px right 10px;background-size:30px;font-size:22px;color:#fff;text-align:left;box-sizing:border-box;cursor:pointer;}
.article-txt-box .checkbox{margin:0 10px 0 0;}
.article-txt-box ~ .col-box{margin:30px 0;}
.article-txt-box .col-box{margin:20px 0 0 0;}
.article-txt-box .col-box:first-child{margin-top:0;}
.col-box .col-item .checkbox,
.col-box .col-item .radio{margin-bottom:0;}
.article-txt-box + .article-btm{margin-top:30px;}
.article-btm{margin-bottom:30px;padding-top:30px;border-top:1px solid #707070;}
/* 해당없음 버튼 */
.article .article-txt-btn-area {margin-top:10px; padding-bottom:30px; border-bottom:1px solid #707070;}
.article .article-txt-btn-area .btn-none {background-color: #7F9D33; font-weight: bold;}


.article .article-txt-btn-area .nextcheck{padding:0px 0px;color:#fff; font-size: 32px; font-weight: bold; vertical-align: middle; position: relative; background-color:#7F9D33;cursor:pointer;}
.article .article-txt-btn-area .nextcheck .check-mark {padding:0px 0px;position:relative;top:0px;left:0;width:24px;height:24px;background:#fff;border-radius:2px;box-sizing:border-box;}
.article .article-txt-btn-area .nextcheck .check-on {background:#F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:12px 9px;border-color:#F9414F;}
.article .article-txt-btn-area .btn-none:hover .check-mark {border-color:#F9414F;}

/* .article .article-txt-btn-area .btn-none:hover{background-color:#a5db1d;} */

/* 문진스텝 : 동의서 */
.txt-list + .txt-center{margin-top:30px;}
.txt-center{margin:0 auto;text-align:center;}
.txt-center label{display:inline-block;font-size:25px;vertical-align:middle;}
.txt-center p{width:100%;font-size:25px;color:#333:}

.txt-list + .txt-left{margin-top:30px;}
.txt-left{margin:0 auto;text-align:left;}
.txt-left .checkbox{margin:0 0px 0 0;}
.txt-left label{display:inline-block;font-size:25px;vertical-align:middle;}
.txt-left p{width:100%;font-size:16px;color:#666;margin-left:35px;}

.txt-list + .txt-right{margin-top:30px;}
.txt-right{margin:0 auto;text-align:right;}
.txt-right label{display:inline-block;font-size:25px;vertical-align:middle;}
.txt-right p{width:100%;font-size:25px;color:#333:}

.group-area{margin-top:30px;padding:15px 50px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;}
.group-area .txt-md + .txt-rg{display:block;margin:30px 0;}
.group-area .logo-box{margin:5px 0;}

/*
.group-area .group-body .txt-rg:first-child{margin-bottom:20px;}
.group-area .group-body + .txt-rg{margin-bottom:30px;}
.group-area .group-body + .txt-rg span{ font-weight: bold; }
*/

.group-head{margin-bottom:10px;}
.group-head span{font-size:24px;color:#333;font-weight:bold;}
.group-body{padding:30px 30px;margin-bottom:30px;background:#f9f9f9;border:1px solid #ccc;text-align:left;}
.group-area .group-body + .txt-rg{margin-bottom:10px;}


/* 문진스텝 : 선택적 질문지 */
.article .txt-tit + .col-box,
.article .sub-box + .col-box{margin-top:10px !important;}
.article .col-box ~ .col-box{margin-top:20px;}
.article .col-box:first-child{margin-top:0px;}
.sub-box{margin-bottom:30px;}
.sub-box .btn-detail, .sub-box .btn-cancel{position:relative;top:-1px;vertical-align:middle;}
.sub-box input[type="text"] {background:#f3f5ed;}

/* 결과페이지 : 전자문진참여완료 ---------------------------------------- */
.done{text-align:center;}
.done .img-box{margin:0 auto 25px;width:132px;height:132px;}
.done .img-box img{width:100%;}
.privacy-area{margin-top:30px;padding:30px 50px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;}
.privacy-area .txt-md + .txt-rg{display:block;margin:30px 0;}
.privacy-area .logo-box{margin:5px 0;}
/* 기능 : 아코디언 */
.acc-head{margin-bottom:30px;}
.acc-head span{border-bottom:1px solid #333;font-size:18px;color:#333;font-weight:700;cursor:pointer;}
.acc-head span:after{content:'';display:inline-block;position:relative;top:1px;width:27px;height:27px;padding-left:3px;background:#fff url('../../images/emi4/icon-arr-down-2.png') no-repeat right bottom -2px;background-size:contain;vertical-align: bottom;}
.acc-head.on span:after{background:#fff url('../../images/emi4/icon-arr-up-2.png') no-repeat right bottom -2px;background-size:contain;}
.acc-body{display:inline-block;padding:30px 30px;margin-bottom:30px;background:#f9f9f9;border:1px solid #ccc;text-align:left;}
.acc-body span{font-size:24px;color:#333;font-weight:bold;}
/* .privacy-area .acc-body .txt-rg:first-child{margin-bottom:20px;} */
.privacy-area .acc-body + .txt-rg{margin-bottom:30px;}

.bldcenter_logo { margin:40px 0; text-align:center;}

/* 스마일상태 */
.state_area1 .step-area1 li.step-status   { display:none; position:absolute; top:-9999px; overflow:hidden;}

@media all and (min-width : 1200px){
	
	
	.content .section{margin-bottom:50px; }
	.section .article{padding:40px 50px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff;}
	
	
	.bldcenter_logo img {width:230px; height:55px;}
	
	
	body.login1 .header { width:700px; }
	body.login1 .header { margin:50px auto 99px auto; padding:0;}
    .header h1 a{display:block;margin-top:0px;}
	body.login1 .header h1 a img { width:207px; height:38px;}
	body.login1 .header .banner-area {display:block;}
	body.question .header .banner-area {display:none;}
	
	body.login1 .content { width:700px; margin:0 auto; }
	body.login1 .login .article { background-color:#f9f9f9; padding:30px ;}
	body.login1 .login .logo-box { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat bottom right; height: 158px; }
	body.login1 .login .logo-box .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box .txt-logo2{font-size:26px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box .txt-logo3{font-size:40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box .txt-logo2 span.bl_span2{display:block;}
	/* 2번째 시안*/
	body.login1 .login .logo-box2 { margin-bottom:30px; background:url('../../images/emi4/baro_us.png') no-repeat 565px 0; height: 148px; padding:44px 0 0 30px; }
	body.login1 .login .logo-box2 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box2 .txt-logo3{font-size:32px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38; margin:auto 0;}
	body.login1 .login .logo-box2 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box2 .txt-logo3 span.bl_span1{display:block;}
    /* 영문 로고 */
	body.login1 .login .logo-box3 { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat bottom right; height: 158px; }
	body.login1 .login .logo-box3 .txt-logo3{font-size:40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 3.38;}
	
	body.login1 .login .logo-box4 { margin-bottom:30px; background:url('../../images/emi4/school01.png') no-repeat bottom right; height: 186px; }
	body.login1 .login .logo-box4 .txt-logo2{font-size:23px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box4 .txt-logo3{font-size:34px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box4 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box4 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box5 { margin-bottom:30px; background:url('../../images/emi4/school02.png') no-repeat bottom right; height: 192px; }
	body.login1 .login .logo-box5 .txt-logo2{font-size:23px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box5 .txt-logo3{font-size:34px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box5 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box5 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box6 { margin-bottom:30px; background:url('../../images/emi4/school03.png') no-repeat bottom right; height: 177px; }
	body.login1 .login .logo-box6 .txt-logo2{font-size:23px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box6 .txt-logo3{font-size:34px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box6 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box6 .txt-logo3 span{color:#F9414F;}
	
	
	body.login1 ul{ margin:0px auto 30px auto; width:964px; }
	body.login1 ul li{padding:0;margin-bottom:0;font-size: 22px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: normal; text-align: left;  color: #888088; }
	body.login1 ul li:before{content:'';display:inline-block;width:4px;height:4px;margin:0 5px 5px;background:#888088;border-radius:50%;}
	body.login1 ul li:last-child{margin-bottom:0;}
	body.login1 p.saving-lives {  width:700px; margin:0 auto 40px; text-align:center; font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 0.57;  letter-spacing: normal;}
	body.login1 p.saving-lives .txt-logo1 {font-size: 28px; color: #F9414F;}
	body.login1 p.saving-lives .txt-logo2 {font-size: 28px; color: #736a60;}
	body.login1 .form-box{ }
	body.login1 .form-box dl { margin:0 0 30px 0; padding:0; float:left; }
	body.login1 .form-box dl dt { padding:0 0 10px 0; font-size: 20px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: 1px;  text-align: left;  color: #000000;}
	body.login1 .form-box dl dd input {font-size: 20px; border-radius: 5px; border: solid 1px #bdb5ae;  background-color: #ffffff; height:50px; text-align:center; }
	body.login1 .form-box dl.name-box  { width:42%; }
	body.login1 .form-box dl.jumin-box { width:58%; }
	body.login1 .form-box dl.name-box input {width:255px; }

    body.login1 .form-box dd input::placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }
    body.login1 .form-box dd input::-webkit-input-placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }
    body.login1 .form-box dd input:-ms-input-placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }

	body.login1 .form-box dl.jumin-box input {width:175px; }  
	
	/*변경된 시안 적용 */
	.state_area2 {margin:0 0 30px 0; padding:0 0 30px 0;border-bottom:1px solid #707070; }
	.state_area2 h2.state_htxt {font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area2 .step-area { padding:0px; background-image:url('../../images/emi4/step_line_1.png'); background-repeat: no-repeat; background-position: 4px 0;  }
	
	.state_area2 .step-area.step-1  { background-image:url('../../images/emi4/step_line_1.png');  }
	.state_area2 .step-area.step-2  { background-image:url('../../images/emi4/step_line_2.png');  }
	.state_area2 .step-area.step-3  { background-image:url('../../images/emi4/step_line_3.png');  }
	.state_area2 .step-area.step-4  { background-image:url('../../images/emi4/step_line_4.png');  }
	.state_area2 .step-area.step-5  { background-image:url('../../images/emi4/step_line_5.png');  }
	.state_area2 .step-area.step-6  { background-image:url('../../images/emi4/step_line_6.png');  }
	.state_area2 .step-area.step-7  { background-image:url('../../images/emi4/step_line_7.png');  }
	.state_area2 .step-area.step-8  { background-image:url('../../images/emi4/step_line_8.png');  }
	.state_area2 .step-area.step-9  { background-image:url('../../images/emi4/step_line_9.png'); }
	.state_area2 .step-area.step-10 { background-image:url('../../images/emi4/step_line_10.png'); }
	.state_area2 .step-area.step-11 { background-image:url('../../images/emi4/step_line_11.png'); }
	.state_area2 .step-area.step-12 { background-image:url('../../images/emi4/step_line_12.png'); }
	.state_area2 .step-area li { display:inline-block; margin:0 0 0 -4px; padding:20px 0 0 0; width:105px; }
	
	/* 혈액백 진행상태 */
	.state_area2 .step-area li.step-status   { width:67px; height:51px; margin:0px 0 -20px -28px; background-repeat:no-repeat; background-position: left bottom;   }
	.state_area2 .step-area li.status_0 { background-image:url('../../images/emi4/bld_bag_0.png');   }
	.state_area2 .step-area li.status_1 { background-image:url('../../images/emi4/bld_bag_1.png');   }
	.state_area2 .step-area li.status_2 { background-image:url('../../images/emi4/bld_bag_2.png');   }
	.state_area2 .step-area li.status_3 { background-image:url('../../images/emi4/bld_bag_3.png');   }
	.state_area2 .step-area li.status_4 { background-image:url('../../images/emi4/bld_bag_4.png');   }
	.state_area2 .step-area li.status_5 { background-image:url('../../images/emi4/bld_bag_5.png');   }
	.state_area2 .step-area li.status_6 { background-image:url('../../images/emi4/bld_bag_6.png');   }
	.state_area2 .step-area li.status_7 { background-image:url('../../images/emi4/bld_bag_7.png');   }
	.state_area2 .step-area li.status_8 { background-image:url('../../images/emi4/bld_bag_8.png');   }
	.state_area2 .step-area li.status_9 { background-image:url('../../images/emi4/bld_bag_9.png');   }
	.state_area2 .step-area li.status_10 { background-image:url('../../images/emi4/bld_bag_10.png');  }
	.state_area2 .step-area li.status_11 { background-image:url('../../images/emi4/bld_bag_11.png');  }
/*
	.state_area2 .step-area li a { display:block; color:#7f756b; background:url('../../images/emi4/step_bg.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.on { color:#fff; background:url('../../imagres/emi4/step_bg_on.png') no-repeat left top; }
*/

	.state_area2 .step-area li a.bag-q1 { display:block; color:#7f756b; background:url('../../images/emi4/01_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q1.on { color:#fff; background:url('../../images/emi4/01_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q2 { display:block; color:#7f756b; background:url('../../images/emi4/02_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q2.on { color:#fff; background:url('../../images/emi4/02_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q3 { display:block; color:#7f756b; background:url('../../images/emi4/03_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q3.on { color:#fff; background:url('../../images/emi4/03_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q4 { display:block; color:#7f756b; background:url('../../images/emi4/04_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q4.on { color:#fff; background:url('../../images/emi4/04_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q5 { display:block; color:#7f756b; background:url('../../images/emi4/05_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q5.on { color:#fff; background:url('../../images/emi4/05_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q6 { display:block; color:#7f756b; background:url('../../images/emi4/06_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q6.on { color:#fff; background:url('../../images/emi4/06_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q7 { display:block; color:#7f756b; background:url('../../images/emi4/07_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q7.on { color:#fff; background:url('../../images/emi4/07_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q8 { display:block; color:#7f756b; background:url('../../images/emi4/08_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q8.on { color:#fff; background:url('../../images/emi4/08_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q9 { display:block; color:#7f756b; background:url('../../images/emi4/09_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q9.on { color:#fff; background:url('../../images/emi4/09_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q10 { display:block; color:#7f756b; background:url('../../images/emi4/10_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q10.on { color:#fff; background:url('../../images/emi4/10_on.png') no-repeat left top; }
	.state_area2 .step-area li a.bag-q11 { display:block; color:#7f756b; background:url('../../images/emi4/11_off.png') no-repeat left top; width:37px; height:39px; padding:25px 0 0 10px;}
	.state_area2 .step-area li a.bag-q11.on { color:#fff; background:url('../../images/emi4/11_on.png') no-repeat left top; }

	/*진행상태 스마일 적용 */
	.state_area1 {margin:0 0 0px 0px; padding:0 0 30px 0px; }
	.state_area1 h2.state_htxt { padding:20px; font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area1 ol.step-area1 { padding:0px 0 0 20px;  }
	.state_area1 ol.step-area1 li {  display:inline-block; margin:0 0 0 -5px; padding:0px 0 0 0; width:9%; text-align:center; border-bottom:1px solid #cec5bd; border-top:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a { display:block; color:#7f756b;  height:87px; padding:0px 0 0 0px; }
	.state_area1 ol.step-area1 li a span {display:block; border-bottom:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a.on { font-weight:bold; background:url('../../images/emi4/smile.png') no-repeat center 32px; }
		
	/* 스마일상태 */
	.state_area1 .step-area1 li.step-status   { display:none; position:absolute; top:-9999px; overflow:hidden;}
	
	
	/* layout ---------------------------------------- */
	/* layout : ui - 탭 */
	

	/* 문진스텝 : 안내문 ---------------------------------------- */
	/* 문진스텝 : 안내문(팝업) */
	.pop-cont{width:960px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont { width:635px;}
	.pop-box.type0 .icon-aret { width:60px;margin:95px auto 20px;}
	.pop-box.type0 .pop-doc-cont { height:290px;padding:0;}
	.pop-box.type0 .pop-doc-cont *{text-align:center;}
	.pop-box.type0 .btn-area{padding:0;}
	.pop-box.type0 .btn-area .btn-basic:hover{background-color:#848484;}
	
	/* 문진스텝 : 안내문 ---------------------------------------- */
	.tab-head .bg-box{padding:8px 5px 8px 8px; height: 160px;}
	.tab-head .bg-box .checkbox.lg{padding-top:50px;font-size:24px;letter-spacing:-2px;white-space: inherit;line-height:30px;}
	.tab-head .bg-box .checkbox.lg .check-mark{width:40px;height:40px;background: #fff url('../../images/emi4/icon-check-off.png') no-repeat center;background-size:26px 18px;}
	.tab-head .bg-box .checkbox.lg input:checked ~ .check-mark{background: #F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:26px 18px;}
	.tab-box .tab-body{margin-top:0px;}
	.tab-body .tab-item{padding-bottom:30px;margin: 30px 0 0 0;}
	.tab-body .doc-tit{padding:15px;font-size:22px;}
	.tab-body .doc-fix > div{padding:15px 20px;}
	.tab-body .doc-fix > div .btn-detail{margin-bottom:10px;}
	.tab-body .doc-fix > div .checkbox{clear:both;float:left;margin-bottom:0px;}
	.tab-body .doc-cont{padding:0 20px 20px 20px;}
	/* 문진스텝 : 안내문(팝업) */
	.pop-close{top:17px;right:17px;}
	.pop-doc-fix .doc-tit{padding:15px 60px 15px 15px;font-size:22px;text-align:left;}
	.pop-doc-fix > div{padding:15px 20px;}
	.pop-doc-cont{/* max-height:300px; */padding:0 20px 20px 20px;}
	.pop-doc-cont > .img-box{margin-top:0;}
	.pop-cont .btn-area{margin-top:20px;}
	.pop-cont .pop-doc-cont +  .btn-area{padding:0px 20px 15px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont{width:635px;}
	.pop-box.type0 .pop-doc-cont{height:auto;margin-bottom:20px;}
	.pop-box.type0 .icon-aret{margin-top:55px;}
	.pop-box.type0 .btn-area{padding:0 !important;}
	.pop-box.type0 .pop-cont .btn-area{margin-top:40px;}
	/* 문진스텝 : 안내문(팝업/슬라이드) */
	.pop-cont .swiper-pagination + .btn-area{padding:0px 17px 15px;}
	/* 문진스텝 : 문진 */
	.article-txt-box:first-child{display:flex;margin-bottom:30px;}
	.article-txt-box .txt-box{margin-bottom:0px;}
	.article-txt-box .pp-box{display:flex;}
	.article-txt-box .pp-box *{width:calc(50% - 5px);height:180px;float:left;}
	.article-txt-box .pp-box *{display:block;width:160px;height:100%;margin-left:10px;padding:20px 25px 20px 20px;background:#F9414F url('../../images/emi4/icon-go-3.png') no-repeat bottom 10px right 10px;background-size:30px;font-size:24px;color:#fff;text-align:left;box-sizing:border-box;}
	.article-txt-box .pp-box span:first-child{margin-left:10px;}
	.article-txt-box .col-box{margin:0;}
	.article-txt-box ~ .col-box{margin:20px 0;}
	.article-txt-box .col-box:last-child .col-item:last-child{margin-bottom:0;}
	/* 문진스텝 : 동의서 */
	.txt-center p strong{display:block;}
    .txt-left label{font-size:20px;}
	/* 문진스텝 : 선택적 질문지 */
	.article .col-box .col-item:last-child{margin-bottom:0px;}
	.sub-box{margin-bottom:20px;}
	.sub-box label{margin:0 0 10px 0;}
	.sub-box .btn-detail, .sub-box .btn-cancel{height:35px;}
	/* 문진스텝 : 선택적 질문지 > 2번 문항 table 개별 */
	.emi_question2 colgroup{display:none;}
	.emi_question2 th,
	.emi_question2 td{display:block;width:100%;box-sizing:border-box;}
	.emi_question2 thead{display:none;}
	.emi_question2 thead th{border-top:none;border-right:none;border-left:none;}
	.emi_question2 thead th:first-child{border-top:1px solid #333;border-right:none;}
	.emi_question2 tbody{border-top:1px solid #333;}
	.emi_question2 tbody th:first-child, 
	.emi_question2 tbody td:first-child{border-top:none;border-right:none;}
	.emi_question2 tbody th,
	.emi_question2 tbody td{border-right:none;border-left:none;}
	.emi_question2 tbody td{border-top:none;}

	/* 결과페이지 : 전자문진참여완료 ---------------------------------------- */
	.privacy-area{padding:20px}
	.privacy-area .txt-md + .txt-rg{display:block;margin:30px 0;}
	
	p.doc_notice { margin:0 0 20px 0; font-size:24px; } 
	p.doc_notice_red { margin:0 0 20px 0; font-size:24px; color:#F9414F; } 
	caption.docu_caption { height: 100%; text-indent: 0; text-align:left; font-size:18px; font-weight:bold; padding:10px 0;}
	
	body.login1 .header .banner-area img { width:159px; }
    .next-style { font-size:18px;text-align:left;vertical-align:middle;background-color:rgba(255,0,0,0);width:130px;position:absoulte;padding:0px 0px 0px; }
}

@media all and (min-width:1024px) and (max-width:1199px) {
/* layout ---------------------------------------- */
	/* layout : common */
	.content .section{padding:0 20px; margin-bottom:30px; }
	.section .article{padding:20px;}
	.section .article h2 {font-size:30px;}
	/* layout : header */
	.header{padding:30px 10px 20px;}
	.header:after{content:'';display:block;clear:both;}
	.header h1{position:relative;top:-6px; margin:0 0 0 20px;}
	.header h1 a span:after{height:24px;top:3px;border-left:1px solid #000;}
	.header h1 a span{font-size:30px;}
	.header .select{margin-top:13px; }
	
	body.login1 .header .banner-area {display:block;}
	body.question .header .banner-area {display:none;}
	
	/*.header .state-area{width:100%;clear:both;}*/
	.state-area .step-area{clear:both;width:100%;margin:20px 0 15px 0;text-align:center;}
	.state-area .btn-area{clear:both;width:100%;margin-top:13px;margin-right:15px;}
	
	.state-area .btn-area .btn-basic{width:220px;padding:12px 0 13px;background:#736a60;font-size:18px;}
	
	/* layout : ui - 셀박스 */
	.col-box .col-item{display:block;margin-bottom:20px;}
    .col-box .col-item2{display:table-cell;margin-bottom:20px;}
    .col-box .col-item3{display:block;margin-bottom:20px;}
	/* layout : ui - 탭 */
	.tab-head .bg-box{padding:10px;height:128px;}

	/* custom : checkbox ---------------------------------------- */
	/* basic : 24px */
	.checkbox{font-size:17px;}
	/* midum : 28px */
	.checkbox.md{font-size:20px;}
	/* large : 48px */
	.checkbox.lg{font-size:16px;}

    .check-mark{top:1px;}

	/* custom : radio ---------------------------------------- */
	/* basic : 24px */
	.radio{font-size:15px;}

	/* custom : input text ---------------------------------------- */
	.text{margin-right:5px;font-size:16px;}
	.text input[type="text"]{max-width:50px;margin-left:5px;padding:3px 6px 3px;}

	/* custom : textarea ---------------------------------------- */
	.textarea{font-size:16px;}

	/* button ---------------------------------------- */
	.btn-area *{padding:20px 0 20px;font-size:30px;}
	.btn-area button{padding:20px 0 20px;}
	/* button : 동의버튼 */
	.btn-area.ty2 *{font-size:16px;}
	.btn-area.ty2 *{width:calc(100%/2 - 10px) !important;margin:0;}
	.btn-area.ty2 a:nth-child(2),.btn-area.ty2 input[type='submit']:nth-child(2),.btn-area.ty2 button:nth-child(2){margin-left:7px;}
	/* button : 상세보기 */
	.btn-detail{padding:5px 18px 6px;}
	.btn-detail span{background:url('../../images/emi4/icon-btn-view.png') no-repeat top 3px right 0;background-size:9px 15px;font-size:14px;}
	/* button : 취소 */
	.btn-cancel{padding:5px 23px 6px 22px;}
	.btn-cancel span{font-size:14px;}

	/* table ---------------------------------------- */
	th,td{font-size:16px;}
	.table-box{overflow-x:scroll;}
	.table-box table{width:1000px;}

    /* 로그인 ---------------------------------------- */
    
    .bldcenter_logo img {width:230px; height:55px;}
    
    body.login1 .header { width:700px; }
	body.login1 .header { margin:50px auto 50px auto; padding:0;}
	body.login1 .header h1 a img { width:207px; height:38px;}
	body.login1 .content { width:700px; margin:0 auto; }
	body.login1 .login .article { background-color:#f9f9f9; padding:30px ;}
	body.login1 .login .logo-box { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat bottom right; height: 158px; }
	body.login1 .login .logo-box .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box .txt-logo2{font-size:26px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box .txt-logo3{font-size:40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box .txt-logo3 span{color:#F9414F;}
	body.login1 ul{ margin:0px auto 30px auto; width:700px; }
	body.login1 ul li{padding:0 20px; margin-bottom:0;font-size: 18px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: normal; text-align: left;  color: #888088; }
	body.login1 ul li:before{content:'';display:inline-block;width:4px;height:4px;margin:0 5px 5px;background:#888088;border-radius:50%;}
	body.login1 ul li:last-child{margin-bottom:0;}
	body.login1 p.saving-lives {  width:700px; margin:0 auto 30px; text-align:center; font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 0.57;  letter-spacing: normal;}
	body.login1 p.saving-lives .txt-logo1 {font-size: 28px; color: #F9414F;}
	body.login1 p.saving-lives .txt-logo2 {font-size: 28px; color: #736a60;}
	body.login1 .form-box{ }
	body.login1 .form-box dl { margin:0 0 30px 0; padding:0; float:left; }
	body.login1 .form-box dl dt { padding:0 0 10px 0; font-size: 20px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: 1px;  text-align: left;  color: #000000;}
	body.login1 .form-box dl dd input {font-size: 20px; border-radius: 5px; border: solid 1px #bdb5ae;  background-color: #ffffff; height:50px;  text-align:center; }
	body.login1 .form-box dl.name-box  { width:42%; }
	body.login1 .form-box dl.jumin-box { width:58%; }
	body.login1 .form-box dl.name-box input {width:200px; }
	body.login1 .form-box dl.jumin-box input {width:168px; }  

    body.login1 .form-box dd input::placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }
    body.login1 .form-box dd input::-webkit-input-placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }
    body.login1 .form-box dd input:-ms-input-placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }
    
    /* 2번째 시안*/
	body.login1 .login .logo-box2 { margin-bottom:30px; background:url('../../images/emi4/baro_us.png') no-repeat 93% 0; height: 170px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box2 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box2 .txt-logo3{font-size:32px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38; margin:auto 0;}
	body.login1 .login .logo-box2 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box2 .txt-logo3 span.bl_span2{display:block;}

    /* 영문 로고 */
	body.login1 .login .logo-box3 { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat bottom right; height: 158px; }
	body.login1 .login .logo-box3 .txt-logo3{font-size:40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 3.38;}
    
	body.login1 .login .logo-box4 { margin-bottom:30px; background:url('../../images/emi4/school01.png') no-repeat bottom right; height: 180px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box4 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box4 .txt-logo2{font-size:20px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box4 .txt-logo3{font-size:34px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box4 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box4 .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box4 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box5 { margin-bottom:30px; background:url('../../images/emi4/school02.png') no-repeat bottom right; height: 180px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box5 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box5 .txt-logo2{font-size:20px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box5 .txt-logo3{font-size:34px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box5 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box5 .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box5 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box6 { margin-bottom:30px; background:url('../../images/emi4/school03.png') no-repeat bottom right; height: 180px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box6 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box6 .txt-logo2{font-size:20px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box6 .txt-logo3{font-size:34px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box6 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box6 .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box6 .txt-logo3 span{color:#F9414F;}

    .form-box{margin:0 auto;}
	.form-box > p span{font-size:14px;}
    .form-box .input-box input[type="text"]{font-size:20px;}
    .login .btn-area{margin-bottom:0;}

	/* 문진스텝 : 안내문 ---------------------------------------- */
	/* 문진스텝 : 안내문(팝업) */
	.pop-cont{width:960px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont { width:635px;}
	.pop-box.type0 .icon-aret { width:60px;margin:95px auto 20px;}
	.pop-box.type0 .pop-doc-cont { height:290px;padding:0;}
	.pop-box.type0 .pop-doc-cont *{text-align:center;}
	.pop-box.type0 .btn-area{padding:0;}
	.pop-box.type0 .btn-area .btn-basic:hover{background-color:#848484;}
	
	/* 문진스텝 : 안내문 ---------------------------------------- */
	.tab-head .bg-box{padding:8px 5px 8px 8px; height: 160px;}
	.tab-head .bg-box .checkbox.lg{padding-top:50px;font-size:18px;letter-spacing:-2px;white-space: inherit;line-height:22px;}
	.tab-head .bg-box .checkbox.lg .check-mark{width:40px;height:40px;background: #fff url('../../images/emi4/icon-check-off.png') no-repeat center;background-size:26px 18px;}
	.tab-head .bg-box .checkbox.lg input:checked ~ .check-mark{background: #F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:26px 18px;}
	.tab-box .tab-body{margin-top:0px;}
	.tab-body .tab-item{padding-bottom:30px;margin: 30px 0 0 0;}
	.tab-body .doc-tit{padding:15px;font-size:22px;}
	.tab-body .doc-fix > div{padding:15px 20px;}
	.tab-body .doc-fix > div .btn-detail{margin-bottom:10px;}
	.tab-body .doc-fix > div .checkbox{clear:both;float:left;margin-bottom:0px;}
	.tab-body .doc-cont{padding:0 20px 20px 20px;}
	/* 문진스텝 : 안내문(팝업) */
	.pop-close{top:17px;right:17px;}
	.pop-doc-fix .doc-tit{padding:15px 60px 15px 15px;font-size:22px;text-align:left;}
	.pop-doc-fix > div{padding:15px 20px;}
	.pop-doc-cont{/* max-height:300px; */padding:0 20px 20px 20px;}
	.pop-doc-cont > .img-box{margin-top:0;}
	.pop-cont .btn-area{margin-top:20px;}
	.pop-cont .pop-doc-cont +  .btn-area{padding:0px 20px 15px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont{width:635px;}
	.pop-box.type0 .pop-doc-cont{height:auto;margin-bottom:20px;}
	.pop-box.type0 .icon-aret{margin-top:55px;}
	.pop-box.type0 .btn-area{padding:0 !important;}
	.pop-box.type0 .pop-cont .btn-area{margin-top:40px;}
	/* 문진스텝 : 안내문(팝업/슬라이드) */
	.pop-cont .swiper-pagination + .btn-area{padding:0px 17px 15px;}
	/* 문진스텝 : 문진 */
	.article-txt-box:first-child{display:flex;margin-bottom:30px;}
	.article-txt-box .txt-box{margin-bottom:0px;}
	.article-txt-box .pp-box{display:flex;}
	.article-txt-box .pp-box *{width:calc(50% - 5px);height:180px;float:left;}
	.article-txt-box .pp-box *{display:block;width:160px;height:100%;margin-left:10px;padding:20px 25px 20px 20px;background:#F9414F url('../../images/emi4/icon-go-3.png') no-repeat bottom 10px right 10px;background-size:30px;font-size:24px;color:#fff;text-align:left;box-sizing:border-box;}
	.article-txt-box .pp-box span:first-child{margin-left:10px;}
	.article-txt-box .col-box{margin:0;}
	.article-txt-box ~ .col-box{margin:20px 0;}
	.article-txt-box .col-box:last-child .col-item:last-child{margin-bottom:0;}
	/* 문진스텝 : 동의서 */
	.txt-center p strong{display:block;}
    .txt-left label{font-size:20px;}
	/* 문진스텝 : 선택적 질문지 */
	.article .col-box .col-item:last-child{margin-bottom:0px;}
	.sub-box{margin-bottom:20px;}
	.sub-box label{margin:0 0 10px 0;}
	.sub-box .btn-detail, .sub-box .btn-cancel{height:35px;}
	/* 문진스텝 : 선택적 질문지 > 2번 문항 table 개별 */
	.emi_question2 colgroup{display:none;}
	.emi_question2 th,
	.emi_question2 td{display:block;width:100%;box-sizing:border-box;}
	.emi_question2 thead{display:none;}
	.emi_question2 thead th{border-top:none;border-right:none;border-left:none;}
	.emi_question2 thead th:first-child{border-top:1px solid #333;border-right:none;}
	.emi_question2 tbody{border-top:1px solid #333;}
	.emi_question2 tbody th:first-child, 
	.emi_question2 tbody td:first-child{border-top:none;border-right:none;}
	.emi_question2 tbody th,
	.emi_question2 tbody td{border-right:none;border-left:none;}
	.emi_question2 tbody td{border-top:none;}

	/* 결과페이지 : 전자문진참여완료 ---------------------------------------- */
	.privacy-area{padding:20px}
	.privacy-area .txt-md + .txt-rg{display:block;margin:30px 0;}
	
	.txt-info { font-size: 16px;}
	
	/*변경된 시안 적용 */
	.state_area2 {width:90%; margin:0 auto 20px auto; padding:0 20px 10px 20px;border-bottom:1px solid #707070; }
	.state_area2 h2.state_htxt {font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area2 .step-area { padding:0px; background-image:url('../../images/emi4/step_line_1.png'); background-repeat: no-repeat; background-position: 4px 20px; background-size:90%;  }
	
	.state_area2 .step-area.step-1  { background-image:url('../../images/emi4/step_line_1.png');  }
	.state_area2 .step-area.step-2  { background-image:url('../../images/emi4/step_line_2.png');  }
	.state_area2 .step-area.step-3  { background-image:url('../../images/emi4/step_line_3.png');  }
	.state_area2 .step-area.step-4  { background-image:url('../../images/emi4/step_line_4.png');  }
	.state_area2 .step-area.step-5  { background-image:url('../../images/emi4/step_line_5.png');  }
	.state_area2 .step-area.step-6  { background-image:url('../../images/emi4/step_line_6.png');  }
	.state_area2 .step-area.step-7  { background-image:url('../../images/emi4/step_line_7.png');  }
	.state_area2 .step-area.step-8  { background-image:url('../../images/emi4/step_line_8.png');  }
	.state_area2 .step-area.step-9  { background-image:url('../../images/emi4/step_line_9.png'); }
	.state_area2 .step-area.step-10 { background-image:url('../../images/emi4/step_line_10.png'); }
	.state_area2 .step-area.step-11 { background-image:url('../../images/emi4/step_line_11.png'); }
    .state_area2 .step-area.step-12 { background-image:url('../../images/emi4/step_line_12.png'); }
	.state_area2 .step-area li { display:inline-block; margin:0 0 0 -4px; padding:20px 0 0 0; width:8%; }
	
	/* 혈액백 진행상태 */
	.state_area2 .step-area li.step-status   { width:67px; height:51px; margin:0px 0 -1% 1.2%; background-repeat:no-repeat; background-position: left bottom; background-size:90%;  }
	.state_area2 .step-area li.status_0 { background-image:url('../../images/emi4/bld_bag_0.png');   }
	.state_area2 .step-area li.status_1 { background-image:url('../../images/emi4/bld_bag_1.png');   }
	.state_area2 .step-area li.status_2 { background-image:url('../../images/emi4/bld_bag_2.png');   }
	.state_area2 .step-area li.status_3 { background-image:url('../../images/emi4/bld_bag_3.png');   }
	.state_area2 .step-area li.status_4 { background-image:url('../../images/emi4/bld_bag_4.png');   }
	.state_area2 .step-area li.status_5 { background-image:url('../../images/emi4/bld_bag_5.png');   }
	.state_area2 .step-area li.status_6 { background-image:url('../../images/emi4/bld_bag_6.png');   }
	.state_area2 .step-area li.status_7 { background-image:url('../../images/emi4/bld_bag_7.png');   }
	.state_area2 .step-area li.status_8 { background-image:url('../../images/emi4/bld_bag_8.png');   }
	.state_area2 .step-area li.status_9 { background-image:url('../../images/emi4/bld_bag_9.png');   }
	.state_area2 .step-area li.status_10 { background-image:url('../../images/emi4/bld_bag_10.png');  }
	.state_area2 .step-area li.status_11 { background-image:url('../../images/emi4/bld_bag_11.png');  }

/*
	.state_area2 .step-area li a { display:block; color:#7f756b; background-image:url('../../images/emi4/step_bg.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.on { color:#fff; background-image:url('../../images/emi4/step_bg_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;   }
*/

	.state_area2 .step-area li a.bag-q1 { display:block; color:#7f756b; background-image:url('../../images/emi4/01_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q1.on { color:#fff; background-image:url('../../images/emi4/01_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q2 { display:block; color:#7f756b; background-image:url('../../images/emi4/02_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q2.on { color:#fff; background-image:url('../../images/emi4/02_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q3 { display:block; color:#7f756b; background-image:url('../../images/emi4/03_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q3.on { color:#fff; background-image:url('../../images/emi4/03_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q4 { display:block; color:#7f756b; background-image:url('../../images/emi4/04_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q4.on { color:#fff; background-image:url('../../images/emi4/04_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q5 { display:block; color:#7f756b; background-image:url('../../images/emi4/05_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q5.on { color:#fff; background-image:url('../../images/emi4/05_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q6 { display:block; color:#7f756b; background-image:url('../../images/emi4/06_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q6.on { color:#fff; background-image:url('../../images/emi4/06_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q7 { display:block; color:#7f756b; background-image:url('../../images/emi4/07_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q7.on { color:#fff; background-image:url('../../images/emi4/07_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q8 { display:block; color:#7f756b; background-image:url('../../images/emi4/08_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q8.on { color:#fff; background-image:url('../../images/emi4/08_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q9 { display:block; color:#7f756b; background-image:url('../../images/emi4/09_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q9.on { color:#fff; background-image:url('../../images/emi4/09_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q10 { display:block; color:#7f756b; background-image:url('../../images/emi4/10_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q10.on { color:#fff; background-image:url('../../images/emi4/10_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q11 { display:block; color:#7f756b; background-image:url('../../images/emi4/11_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q11.on { color:#fff; background-image:url('../../images/emi4/11_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}

	/*진행상태 스마일 적용 */
	.state_area1 {margin:0 0 0px 0px; padding:0 0 30px 0px; }
	.state_area1 h2.state_htxt { padding:20px; font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area1 ol.step-area1 { padding:0px 0 0 20px;  }
	.state_area1 ol.step-area1 li {  display:inline-block; margin:0 0 0 -5px; padding:0px 0 0 0; width:9%; text-align:center; border-bottom:1px solid #cec5bd; border-top:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a { display:block; color:#7f756b;  height:87px; padding:0px 0 0 0px; }
	.state_area1 ol.step-area1 li a span {display:block; border-bottom:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a.on { font-weight:bold; background:url('../../images/emi4/smile.png') no-repeat center 32px; }
	
	/* layout : ui - 셀박스 */
	.col-box{display:table;table-layout:fixed;width:100%;}
	.col-box .col-item{display:table-cell;}
    .col-box .col-item2{display:table-cell;}
    .col-box .col-item3{display:table-cell;}
	/* layout : ui - 탭 */
	.tab-box{width:100%;margin-top:40px;}
	.tab-box .tab-head{display:table;table-layout:fixed;width:100%;}
	.tab-head .tab-item{display:table-cell;vertical-align:middle;}
	.tab-head .tab-item:first-child .bg-box{margin-left:0;}
	.tab-head .bg-box{height:108px;margin-left:10px;padding:20px 10px 20px 20px;background:#eee;border:1px solid #ccc;}
	.tab-box .tab-body{/*max-height:860px;*/margin-top:40px;padding:0;}
	
	p.doc_notice { margin:0 0 20px 0; font-size:24px; } 
	p.doc_notice_red { margin:0 0 20px 0; font-size:24px; color:#F9414F; } 
	caption.docu_caption { height: 100%; text-indent: 0; text-align:left; font-size:18px; font-weight:bold; padding:10px 0;}

    .next-style { font-size:18px;text-align:left;vertical-align:middle;background-color:rgba(255,0,0,0);width:130px;position:absoulte;padding:0px 0px 0px; }
}

@media all and (min-width:768px) and (max-width:1023px) {
	/* layout ---------------------------------------- */
	/* layout : common */
	.content .section{padding:0 20px; margin-bottom:30px; }
	.section .article{padding:20px;}
	.section .article h2 {font-size:30px;}
	/* layout : header */
	.header{padding:30px 10px 20px;}
	.header:after{content:'';display:block;clear:both;}
	.header h1{position:relative;top:-6px; margin:0 0 0 20px;}
	.header h1 a span:after{height:24px;top:3px;border-left:1px solid #000;}
	.header h1 a span{font-size:30px; display:none;}
	.header .select{margin-top:13px; }
	
	body.login1 .header .banner-area {display:block;}
	body.question .header .banner-area {display:none;}
	
	
	/*.header .state-area{width:100%;clear:both;}*/
	.state-area .step-area{clear:both;width:100%;margin:20px 0 15px 0;text-align:center;}
	.state-area .btn-area{clear:both;width:100%;margin-top:13px;margin-right:15px;}
	
	.state-area .btn-area .btn-basic{width:220px;padding:12px 0 13px;background:#736a60;font-size:18px;}
	
	/* layout : ui - 셀박스 */
	.col-box .col-item{display:block;width:100% !important;margin-bottom:20px;}
    .col-box .col-item2{display:table-cell;width:20%;margin-bottom:20px;}
    .col-box .col-item3{display:block;margin-bottom:20px;}
	/* layout : ui - 탭 */
	.tab-head .bg-box{padding:10px;height:128px;}

	/* custom : checkbox ---------------------------------------- */
	/* basic : 24px */
	.checkbox{font-size:17px;}
	/* midum : 28px */
	.checkbox.md{font-size:20px;}
	/* large : 48px */
	.checkbox.lg{font-size:16px;}

    .check-mark{top:1px;}

	/* custom : radio ---------------------------------------- */
	/* basic : 24px */
	.radio{font-size:15px;}

	/* custom : input text ---------------------------------------- */
	.text{margin-right:5px;font-size:16px;}
	.text input[type="text"]{max-width:50px;margin-left:5px;padding:3px 6px 3px;}

	/* custom : textarea ---------------------------------------- */
	.textarea{font-size:16px;}

	/* button ---------------------------------------- */
	.btn-area *{padding:20px 0 20px;font-size:30px;}
	.btn-area button{padding:20px 0 20px;}
	/* button : 동의버튼 */
	.btn-area.ty2 *{font-size:16px;}
	.btn-area.ty2 *{width:calc(100%/2 - 10px) !important;margin:0;}
	.btn-area.ty2 a:nth-child(2),.btn-area.ty2 input[type='submit']:nth-child(2),.btn-area.ty2 button:nth-child(2){margin-left:7px;}
	/* button : 상세보기 */
	.btn-detail{padding:5px 18px 6px;}
	.btn-detail span{background:url('../../images/emi4/icon-btn-view.png') no-repeat top 3px right 0;background-size:9px 15px;font-size:14px;}
	/* button : 취소 */
	.btn-cancel{padding:5px 23px 6px 22px;}
	.btn-cancel span{font-size:14px;}

	/* table ---------------------------------------- */
	th,td{font-size:16px; padding:5px 10px;}
	.table-box{overflow-x:scroll;}
	.table-box table{width:1000px;}

	.bldcenter_logo img {width:230px; height:55px;}

    /* 로그인 ---------------------------------------- */
    
    body.login1 .header { width:700px; }
	body.login1 .header { margin:50px auto 50px auto; padding:0;}
	body.login1 .header h1 a img { width:207px; height:38px;}
	body.login1 .content { width:700px; margin:0 auto; }
	body.login1 .login .article { background-color:#f9f9f9; padding:30px ;}
	body.login1 .login .logo-box { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat bottom right; height: 158px; }
	body.login1 .login .logo-box .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box .txt-logo2{font-size:26px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box .txt-logo3{font-size:40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box .txt-logo3 span{color:#F9414F;}
	body.login1 ul{ margin:0px auto 30px auto; width:700px; }
	body.login1 ul li{padding:0 20px; margin-bottom:0;font-size: 18px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: normal; text-align: left;  color: #888088; }
	body.login1 ul li:before{content:'';display:inline-block;width:4px;height:4px;margin:0 5px 5px;background:#888088;border-radius:50%;}
	body.login1 ul li:last-child{margin-bottom:0;}
	body.login1 p.saving-lives {  width:700px; margin:0 auto 30px; text-align:center; font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 0.57;  letter-spacing: normal;}
	body.login1 p.saving-lives .txt-logo1 {font-size: 28px; color: #F9414F;}
	body.login1 p.saving-lives .txt-logo2 {font-size: 28px; color: #736a60;}
	body.login1 .form-box{ }
	body.login1 .form-box dl { margin:0 0 30px 0; padding:0; float:left; }
	body.login1 .form-box dl dt { padding:0 0 10px 0; font-size: 20px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: 1px;  text-align: left;  color: #000000;}
	body.login1 .form-box dl dd input {font-size: 20px; border-radius: 5px; border: solid 1px #bdb5ae;  background-color: #ffffff; height:50px; text-align:center; }
	body.login1 .form-box dl.name-box  { width:42%; }
	body.login1 .form-box dl.jumin-box { width:58%; }
	body.login1 .form-box dl.name-box input {width:200px; }
	body.login1 .form-box dl.jumin-box input {width:168px; }  

    body.login1 .form-box dd input::placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input::-webkit-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input:-ms-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }

    /* 2번째 시안*/
	body.login1 .login .logo-box2 { margin-bottom:30px; background:url('../../images/emi4/baro_us.png') no-repeat 93% 0; height: 170px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box2 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box2 .txt-logo3{font-size:32px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38; margin:auto 0;}
	body.login1 .login .logo-box2 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box2 .txt-logo3 span.bl_span2{display:block;}    

    /* 영문 로고 */
	body.login1 .login .logo-box3  { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat bottom right; height: 158px; }
	body.login1 .login .logo-box3  .txt-logo3{font-size:40px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 3.38;}

	body.login1 .login .logo-box4 { margin-bottom:30px; background:url('../../images/emi4/school01.png') no-repeat bottom right; height: 180px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box4 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box4 .txt-logo2{font-size:20px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box4 .txt-logo3{font-size:32px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box4 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box4 .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box4 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box5 { margin-bottom:30px; background:url('../../images/emi4/school02.png') no-repeat bottom right; height: 180px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box5 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box5 .txt-logo2{font-size:20px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box5 .txt-logo3{font-size:32px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box5 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box5 .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box5 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box6 { margin-bottom:30px; background:url('../../images/emi4/school03.png') no-repeat bottom right; height: 180px; padding:23px 0 0 30px; }
	body.login1 .login .logo-box6 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box6 .txt-logo2{font-size:20px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box6 .txt-logo3{font-size:32px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box6 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box6 .txt-logo2 span.bl_span2{display:block;}
	body.login1 .login .logo-box6 .txt-logo3 span{color:#F9414F;}

    body.login1 .form-box dd input::placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }
    body.login1 .form-box dd input::-webkit-input-placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }
    body.login1 .form-box dd input:-ms-input-placeholder {text-align:center; font-size: 18px; color: #8C8C8C; }

    .form-box{margin:0 auto;}
	.form-box > p span{font-size:14px;}
    .form-box .input-box input[type="text"]{font-size:20px;}
    .login .btn-area{margin-bottom:0;}

	/* 문진스텝 : 안내문 ---------------------------------------- */
	.tab-head .bg-box{padding:8px 5px 8px 8px;}
	.tab-head .bg-box .checkbox.lg{padding-top:46px;font-size:18px;letter-spacing:-2px;white-space: inherit;line-height:22px;}
	.tab-head .bg-box .checkbox.lg .check-mark{width:40px;height:40px;background: #fff url('../../images/emi4/icon-check-off.png') no-repeat center;background-size:26px 18px;}
	.tab-head .bg-box .checkbox.lg input:checked ~ .check-mark{background: #F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:26px 18px;}
	.tab-box .tab-body{margin-top:0px;}
	.tab-body .tab-item{padding-bottom:10px; margin: 30px 0 0 0;}
	.tab-body .doc-tit{padding:15px;font-size:22px;}
	.tab-body .doc-fix > div{padding:15px 20px;}
	.tab-body .doc-fix > div .btn-detail{margin-bottom:10px;}
	.tab-body .doc-fix > div .checkbox{clear:both;float:left;margin-bottom:0px;}
	.tab-body .doc-cont{padding:0 20px 20px 20px;}
	/* 문진스텝 : 안내문(팝업) */
	.pop-close{top:17px;right:17px;}
	.pop-doc-fix .doc-tit{padding:15px 60px 15px 15px;font-size:22px;text-align:left;}
	.pop-doc-fix > div{padding:15px 20px;}
	.pop-doc-cont{/* max-height:300px; */padding:0 20px 20px 20px;}
	.pop-doc-cont > .img-box{margin-top:0;}
	.pop-cont .btn-area{margin-top:20px;}
	.pop-cont .pop-doc-cont +  .btn-area{padding:0px 20px 15px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont{width:95%;}
	.pop-box.type0 .pop-doc-cont{height:auto;margin-bottom:20px;}
	.pop-box.type0 .icon-aret{margin-top:55px;}
	.pop-box.type0 .btn-area{padding:0 !important;}
	.pop-box.type0 .pop-cont .btn-area{margin-top:40px;}
	/* 문진스텝 : 안내문(팝업/슬라이드) */
	.pop-cont .swiper-pagination + .btn-area{padding:0px 17px 15px;}
	/* 문진스텝 : 문진 */
	.article-txt-box:first-child{display:block;margin-bottom:30px;}
	.article-txt-box .txt-box{margin-bottom:10px;}
	.article-txt-box .pp-box{display:block;}
	.article-txt-box .pp-box *{width:calc(50% - 5px);height:180px;float:left;}
	.article-txt-box .pp-box span:first-child{margin-left:0;}
	.article-txt-box .col-box{margin:0;}
	.article-txt-box ~ .col-box{margin:20px 0;}
	.article-txt-box .col-box:last-child .col-item:last-child{margin-bottom:0;}
	/* 문진스텝 : 동의서 */
	.txt-center p strong{display:block;}
    .txt-left label{font-size:20px;}
	/* 문진스텝 : 선택적 질문지 */
	.article .col-box .col-item:last-child{margin-bottom:0px;}
	.sub-box{margin-bottom:20px;}
	.sub-box label{margin:0 0 10px 0;}
	.sub-box .btn-detail, .sub-box .btn-cancel{height:35px;}
	/* 문진스텝 : 선택적 질문지 > 2번 문항 table 개별 */
	.emi_question2 colgroup{display:none;}
	.emi_question2 th,
	.emi_question2 td{display:block;width:100%;box-sizing:border-box;}
	.emi_question2 thead{display:none;}
	.emi_question2 thead th{border-top:none;border-right:none;border-left:none;}
	.emi_question2 thead th:first-child{border-top:1px solid #333;border-right:none;}
	.emi_question2 tbody{border-top:1px solid #333;}
	.emi_question2 tbody th:first-child, 
	.emi_question2 tbody td:first-child{border-top:none;border-right:none;}
	.emi_question2 tbody th,
	.emi_question2 tbody td{border-right:none;border-left:none;}
	.emi_question2 tbody td{border-top:none;}

	/* 결과페이지 : 전자문진참여완료 ---------------------------------------- */
	.privacy-area{padding:20px}
	.privacy-area .txt-md + .txt-rg{display:block;margin:30px 0;}
	
	.txt-info { font-size: 16px;}
	
	/*변경된 시안 적용 */
	.state_area2 {width:90%; margin:0 auto 20px auto; padding:0 20px 10px 20px;border-bottom:1px solid #707070; }
	.state_area2 h2.state_htxt {font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area2 .step-area { padding:0px; background-image:url('../../images/emi4/step_line_1.png'); background-repeat: no-repeat; background-position: 4px 20px; background-size:90%;  }
	
	.state_area2 .step-area.step-1  { background-image:url('../../images/emi4/step_line_1.png');  }
	.state_area2 .step-area.step-2  { background-image:url('../../images/emi4/step_line_2.png');  }
	.state_area2 .step-area.step-3  { background-image:url('../../images/emi4/step_line_3.png');  }
	.state_area2 .step-area.step-4  { background-image:url('../../images/emi4/step_line_4.png');  }
	.state_area2 .step-area.step-5  { background-image:url('../../images/emi4/step_line_5.png');  }
	.state_area2 .step-area.step-6  { background-image:url('../../images/emi4/step_line_6.png');  }
	.state_area2 .step-area.step-7  { background-image:url('../../images/emi4/step_line_7.png');  }
	.state_area2 .step-area.step-8  { background-image:url('../../images/emi4/step_line_8.png');  }
	.state_area2 .step-area.step-9  { background-image:url('../../images/emi4/step_line_9.png'); }
	.state_area2 .step-area.step-10 { background-image:url('../../images/emi4/step_line_10.png'); }
	.state_area2 .step-area.step-11 { background-image:url('../../images/emi4/step_line_11.png'); }
    .state_area2 .step-area.step-12 { background-image:url('../../images/emi4/step_line_12.png'); }
	.state_area2 .step-area li { display:inline-block; margin:0 0 0 -4px; padding:20px 0 0 0; width:8%; }
	
	/* 혈액백 진행상태 */
	.state_area2 .step-area li.step-status   { width:67px; height:51px; margin:0px 0 -1% 1.2%; background-repeat:no-repeat; background-position: left bottom; background-size:90%;  }
	.state_area2 .step-area li.status_0 { background-image:url('../../images/emi4/bld_bag_0.png');   }
	.state_area2 .step-area li.status_1 { background-image:url('../../images/emi4/bld_bag_1.png');   }
	.state_area2 .step-area li.status_2 { background-image:url('../../images/emi4/bld_bag_2.png');   }
	.state_area2 .step-area li.status_3 { background-image:url('../../images/emi4/bld_bag_3.png');   }
	.state_area2 .step-area li.status_4 { background-image:url('../../images/emi4/bld_bag_4.png');   }
	.state_area2 .step-area li.status_5 { background-image:url('../../images/emi4/bld_bag_5.png');   }
	.state_area2 .step-area li.status_6 { background-image:url('../../images/emi4/bld_bag_6.png');   }
	.state_area2 .step-area li.status_7 { background-image:url('../../images/emi4/bld_bag_7.png');   }
	.state_area2 .step-area li.status_8 { background-image:url('../../images/emi4/bld_bag_8.png');   }
	.state_area2 .step-area li.status_9 { background-image:url('../../images/emi4/bld_bag_9.png');   }
	.state_area2 .step-area li.status_10 { background-image:url('../../images/emi4/bld_bag_10.png');  }
	.state_area2 .step-area li.status_11 { background-image:url('../../images/emi4/bld_bag_11.png');  }
/*
	.state_area2 .step-area li a { display:block; color:#7f756b; background-image:url('../../images/step_bg.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.on { color:#fff; background-image:url('../../images/step_bg_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;   }
*/
	.state_area2 .step-area li a.bag-q1 { display:block; color:#7f756b; background-image:url('../../images/emi4/01_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q1.on { color:#fff; background-image:url('../../images/emi4/01_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q2 { display:block; color:#7f756b; background-image:url('../../images/emi4/02_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q2.on { color:#fff; background-image:url('../../images/emi4/02_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q3 { display:block; color:#7f756b; background-image:url('../../images/emi4/03_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q3.on { color:#fff; background-image:url('../../images/emi4/03_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q4 { display:block; color:#7f756b; background-image:url('../../images/emi4/04_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q4.on { color:#fff; background-image:url('../../images/emi4/04_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q5 { display:block; color:#7f756b; background-image:url('../../images/emi4/05_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q5.on { color:#fff; background-image:url('../../images/emi4/05_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q6 { display:block; color:#7f756b; background-image:url('../../images/emi4/06_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q6.on { color:#fff; background-image:url('../../images/emi4/06_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q7 { display:block; color:#7f756b; background-image:url('../../images/emi4/07_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q7.on { color:#fff; background-image:url('../../images/emi4/07_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q8 { display:block; color:#7f756b; background-image:url('../../images/emi4/08_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q8.on { color:#fff; background-image:url('../../images/emi4/08_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q9 { display:block; color:#7f756b; background-image:url('../../images/emi4/09_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q9.on { color:#fff; background-image:url('../../images/emi4/09_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q10 { display:block; color:#7f756b; background-image:url('../../images/emi4/10_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q10.on { color:#fff; background-image:url('../../images/emi4/10_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q11 { display:block; color:#7f756b; background-image:url('../../images/emi4/11_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:59%; height:30px; padding:20px 0 30% 8px;}
	.state_area2 .step-area li a.bag-q11.on { color:#fff; background-image:url('../../images/emi4/11_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}

	
	/*진행상태 스마일 적용 */
	.state_area1 {margin:0 0 0px 0px; padding:0 0 30px 0px; }
	.state_area1 h2.state_htxt { padding:0 0 5px 20px; font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area1 ol.step-area1 { padding:0px 0 0 20px;  }
	.state_area1 ol.step-area1 li {  display:inline-block; margin:0 0 0 -5px; padding:0px 0 0 0; width:9%; text-align:center; border-bottom:1px solid #cec5bd; border-top:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a { display:block; color:#7f756b;  height:87px; padding:0px 0 0 0px; }
	.state_area1 ol.step-area1 li a span {display:block; border-bottom:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a.on { font-weight:bold; background:url('../../images/emi4/smile.png') no-repeat center 32px; }

    .next-style { font-size:18px;text-align:left;vertical-align:middle;background-color:rgba(255,0,0,0);width:130px;position:absoulte;padding:0px 0px 0px; }
}

@media all and (min-width:425px) and (max-width:767px) {
	/* layout ---------------------------------------- */
	/* layout : common */
	.content .section{padding:0 20px; margin-bottom:30px; }
	.section .article{padding:20px;}
	.section .article h2 {font-size:20px; line-height: 30px;}
	/* layout : header */
	.header{padding:10px 10px 10px;}
	.header:after{content:'';display:block;clear:both;}
	.header h1{position:relative; margin:0 0 0 20px;}
	.header h1 a span:after{height:24px;top:3px;border-left:1px solid #000;}
	.header h1 a span{font-size:26px; display:none;}
	.header .select{margin-top:13px; margin-right:15px; float:right;}
	.header .state-area2{width:100%;clear:both;}

	body.login1 .header .banner-area {display:block; width:135px;}
    body.login1 .header .banner-area img { width:100%; padding-top:10px; margin:0 0 0 0;}

    /*
    .state-area .btn-area{float:right;width:auto;margin-top:13px;margin-right:9px;}
	.state-area .btn-area .btn-basic{width:110px;padding:10px 5 10px;background:#736a60;font-size:15px;}
    */

    .header .state-area{width:100%;clear:both;}
	.state-area .step-area{clear:both;width:100%;margin:20px 0 15px 0;text-align:center;}
	.state-area .btn-area{clear:both;width:100%;margin-top:13px;}
	.state-area .btn-area .btn-basic{width:95%;}

	/* layout : ui - 셀박스 */
	.col-box .col-item{display:block;width:100% !important;margin-bottom:20px;}
    .col-box .col-item2{display:table-cell;width:20% !important;margin-bottom:20px;}
    .col-box .col-item3{display:block;margin-bottom:20px;}
	/* layout : ui - 탭 */
	.tab-head .bg-box{padding:10px;height:128px;}

	/* custom : checkbox ---------------------------------------- */
	/* basic : 24px */
	.checkbox{font-size:17px;}
	/* midum : 28px */
	.checkbox.md{font-size:20px;}
	/* large : 48px */
	.checkbox.lg{font-size:16px;}

    .check-mark{top:1px;}

	/* custom : radio ---------------------------------------- */
	/* basic : 24px */
	.radio{font-size:15px;}

	/* custom : input text ---------------------------------------- */
	.text{margin-right:5px;font-size:16px;}
	.text input[type="text"]{max-width:50px;margin-left:5px;padding:3px 6px 3px;}

	/* custom : textarea ---------------------------------------- */
	.textarea{font-size:16px;}

	/* button ---------------------------------------- */
	.btn-area *{padding:17px 0 18px;font-size:30px;}
	.btn-area button{padding:17px 0 18px;}
	/* button : 동의버튼 */
	.btn-area.ty2 *{font-size:16px;}
	.btn-area.ty2 *{width:calc(100%/2 - 10px) !important;margin:0;}
	.btn-area.ty2 a:nth-child(2),.btn-area.ty2 input[type='submit']:nth-child(2),.btn-area.ty2 button:nth-child(2){margin-left:7px;}
	/* button : 상세보기 */
	.btn-detail{padding:5px 18px 6px;}
	.btn-detail span{background:url('../../images/emi4/icon-btn-view.png') no-repeat top 3px right 0;background-size:9px 15px;font-size:14px;}
	/* button : 취소 */
	.btn-cancel{padding:5px 23px 6px 22px;}
	.btn-cancel span{font-size:14px;}

	/* table ---------------------------------------- */
	th,td{font-size:14px; padding:5px 5px;}
	.table-box{overflow-x:scroll;}
	.table-box table{width:1000px;}

	.bldcenter_logo img {width:168px; height:40px;}
    /* 로그인 ---------------------------------------- */
    
    body.login1 .header { width:100%; }
	body.login1 .header { margin:20px auto 50px auto; padding:0;}
	body.login1 .header h1 a img { width:207px; height:38px;}
	body.login1 .content { width:100%; margin:0 auto; }
	body.login1 .login .article { background-color:#f9f9f9; padding:30px ;}
	body.login1 .login .logo-box { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat right 54px; height: 158px; background-size:97px; }
	body.login1 .login .logo-box .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box .txt-logo2{font-size:22px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box .txt-logo3{font-size:30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box .txt-logo3 span{color:#F9414F;}
	body.login1 ul{ margin:0px auto 30px auto; width:100%; }
	body.login1 ul li{padding:0 20px; margin-bottom:0;font-size: 16px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: normal; text-align: left;  color: #888088; }
	body.login1 ul li:before{content:'';display:inline-block;width:4px;height:4px;margin:0 5px 5px;background:#888088;border-radius:50%;}
	body.login1 ul li:last-child{margin-bottom:0;}
	body.login1 p.saving-lives {  width:100%; margin:0 auto 30px; text-align:center; font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 0.57;  letter-spacing: normal;}
	body.login1 p.saving-lives .txt-logo1 {font-size: 20px; color: #F9414F;}
	body.login1 p.saving-lives .txt-logo2 {font-size: 20px; color: #736a60;}
	body.login1 .form-box{ }
	body.login1 .form-box dl { margin:0 0 30px 0; padding:0; float:left; }
	body.login1 .form-box dl dt { padding:0 0 10px 0; font-size: 20px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: 1px;  text-align: left;  color: #000000;}
	body.login1 .form-box dl dd input {font-size: 20px; border-radius: 5px; border: solid 1px #bdb5ae;  background-color: #ffffff; height:50px; text-align:center; }
	body.login1 .form-box dl.name-box  { width:100%; }
	body.login1 .form-box dl.jumin-box { width:100%; }
	body.login1 .form-box dl.name-box input {width:100%; }
	body.login1 .form-box dl.jumin-box input {width:48%; }
    
    body.login1 .form-box dd input::placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input::-webkit-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input:-ms-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }

    /* 2번째 시안*/
	body.login1 .login .logo-box2 { margin-bottom:30px; background:url('../../images/emi4/baro_us.png') no-repeat 93% 0; height: 163px; padding:30px 0 0 20px; }
	body.login1 .login .logo-box2 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box2 .txt-logo3{font-size:26px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 40px; margin:auto 0;}
	body.login1 .login .logo-box2 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box2 .txt-logo3 span.bl_span2{display:block;}       
    
    /* 영문 로고 */
	body.login1 .login .logo-box3 { margin-bottom:30px; background:url('../../images/emi4/pdol1.png') no-repeat right 54px; height: 158px; background-size:97px; }
	body.login1 .login .logo-box3 .txt-logo3{font-size:30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 5.58;}

	body.login1 .login .logo-box4 { margin-bottom:30px; background:url('../../images/emi4/school01.png') no-repeat right 54px; height: 158px; background-size:97px; }
	body.login1 .login .logo-box4 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box4 .txt-logo2{font-size:22px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box4 .txt-logo3{font-size:30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box4 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box4 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box4 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box5 { margin-bottom:30px; background:url('../../images/emi4/school02.png') no-repeat right 54px; height: 158px; background-size:97px; }
	body.login1 .login .logo-box5 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box5 .txt-logo2{font-size:22px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box5 .txt-logo3{font-size:30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box5 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box5 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box5 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box6 { margin-bottom:30px; background:url('../../images/emi4/school03.png') no-repeat right 54px; height: 158px; background-size:97px; }
	body.login1 .login .logo-box6 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box6 .txt-logo2{font-size:22px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box6 .txt-logo3{font-size:30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box6 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box6 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box6 .txt-logo3 span{color:#F9414F;}

    .form-box{margin:0 auto;}
	.form-box > p span{font-size:14px;}
    .form-box .input-box input[type="text"]{font-size:20px;}
    .login .btn-area{margin-bottom:0;}

	/* 문진스텝 : 안내문 ---------------------------------------- */
	.tab-head .bg-box{padding:8px 5px 8px 8px;}
	.tab-head .bg-box .checkbox.lg{padding-top:46px;font-size:16px;letter-spacing:-2px;white-space: inherit;line-height:22px;}
	.tab-head .bg-box .checkbox.lg .check-mark{width:40px;height:40px;background: #fff url('../../images/emi4/icon-check-off.png') no-repeat center;background-size:26px 18px;}
	.tab-head .bg-box .checkbox.lg input:checked ~ .check-mark{background: #F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:26px 18px;}
	.tab-box .tab-body{margin-top:0px;}
	.tab-body .tab-item{padding-bottom:10px; margin: 30px 0 0 0;}
	.tab-body .doc-tit{padding:15px;font-size:22px;}
	.tab-body .doc-fix > div{padding:15px 20px;}
	.tab-body .doc-fix > div .btn-detail{margin-bottom:10px;}
	.tab-body .doc-fix > div .checkbox{clear:both;float:left;margin-bottom:0px;}
	.tab-body .doc-cont{padding:0 20px 20px 20px;}
	/* 문진스텝 : 안내문(팝업) */
	.pop-close{top:17px;right:17px;}
	.pop-doc-fix .doc-tit{padding:15px 60px 15px 15px;font-size:22px;text-align:left;}
	.pop-doc-fix > div{padding:15px 20px;}
	.pop-doc-cont{/* max-height:300px; */padding:0 20px 20px 20px;}
	.pop-doc-cont > .img-box{margin-top:0;}
	.pop-cont .btn-area{margin-top:20px;}
	.pop-cont .pop-doc-cont +  .btn-area{padding:0px 20px 15px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont{width:95%;}
	.pop-box.type0 .pop-doc-cont{height:auto;margin-bottom:20px;}
	.pop-box.type0 .icon-aret{margin-top:55px;}
	.pop-box.type0 .btn-area{padding:0 !important;}
	.pop-box.type0 .pop-cont .btn-area{margin-top:40px;}
	/* 문진스텝 : 안내문(팝업/슬라이드) */
	.pop-cont .swiper-pagination + .btn-area{padding:0px 17px 15px;}
	/* 문진스텝 : 문진 */
	.article-txt-box:first-child{display:block;margin-bottom:30px;}
	.article-txt-box .txt-box{margin-bottom:10px;}
    .article-txt-box .txt-tit{font-size:20px;}
	.article-txt-box .pp-box{display:block;}
	.article-txt-box .pp-box *{width:calc(50% - 5px);height:180px;float:left;font-size:20px;}
	.article-txt-box .pp-box span:first-child{margin-left:0;}
	.article-txt-box .col-box{margin:0;}
	.article-txt-box ~ .col-box{margin:20px 0;}
	.article-txt-box .col-box:last-child .col-item:last-child{margin-bottom:0;}
	/* 문진스텝 : 동의서 */
	.txt-center p strong{display:block;}
    .txt-left label{font-size:20px;}
	/* 문진스텝 : 선택적 질문지 */
	.article .col-box .col-item:last-child{margin-bottom:0px;}
	.sub-box{margin-bottom:20px;}
	.sub-box label{margin:0 0 10px 0;}
	.sub-box .btn-detail, .sub-box .btn-cancel{height:35px;}
	/* 문진스텝 : 선택적 질문지 > 2번 문항 table 개별 */
	.emi_question2 colgroup{display:none;}
	.emi_question2 th,
	.emi_question2 td{display:block;width:100%;box-sizing:border-box;}
	.emi_question2 thead{display:none;}
	.emi_question2 thead th{border-top:none;border-right:none;border-left:none;}
	.emi_question2 thead th:first-child{border-top:1px solid #333;border-right:none;}
	.emi_question2 tbody{border-top:1px solid #333;}
	.emi_question2 tbody th:first-child, 
	.emi_question2 tbody td:first-child{border-top:none;border-right:none;}
	.emi_question2 tbody th,
	.emi_question2 tbody td{border-right:none;border-left:none;}
	.emi_question2 tbody td{border-top:none;}

	/* 결과페이지 : 전자문진참여완료 ---------------------------------------- */
	.privacy-area{padding:20px}
	.privacy-area .txt-md + .txt-rg{display:block;margin:30px 0;}
	
	.tab-head .tab-item{display:block;width:33.3%;float:left;}
	.tab-head .bg-box{margin-bottom:10px;padding:10px 10px 15px;height:123px;}
	.tab-head .tab-item:nth-child(3n+1) .bg-box{margin-left:0;}
	
	.txt-info { font-size: 16px;}
	
	/*변경된 시안 적용 */
	.state_area2 {width:90%; margin:0 auto 20px auto; padding:0 20px 10px 20px; }
	.state_area2 h2.state_htxt {font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area2 .step-area {  padding:0px; background-image:url('../../images/emi4/m_line_step-1.png'); background-repeat: no-repeat; background-position: 4px 0px; background-size:91% 72%;  }
	
	.state_area2 .step-area.step-1  { background-image:url('../../images/emi4/m_line_step-1.png');  }
	.state_area2 .step-area.step-2  { background-image:url('../../images/emi4/m_line_step-2.png');  }
	.state_area2 .step-area.step-3  { background-image:url('../../images/emi4/m_line_step-3.png');  }
	.state_area2 .step-area.step-4  { background-image:url('../../images/emi4/m_line_step-4.png');  }
	.state_area2 .step-area.step-5  { background-image:url('../../images/emi4/m_line_step-5.png');  }
	.state_area2 .step-area.step-6  { background-image:url('../../images/emi4/m_line_step-6.png');  }
	.state_area2 .step-area.step-7  { background-image:url('../../images/emi4/m_line_step-7.png');  }
	.state_area2 .step-area.step-8  { background-image:url('../../images/emi4/m_line_step-8.png');  }
	.state_area2 .step-area.step-9  { background-image:url('../../images/emi4/m_line_step-9.png'); }
	.state_area2 .step-area.step-10 { background-image:url('../../images/emi4/m_line_step-10.png'); }
	.state_area2 .step-area.step-11 { background-image:url('../../images/emi4/m_line_step-11.png'); }
    .state_area2 .step-area.step-12 { background-image:url('../../images/emi4/m_line_step-12.png'); }
	.state_area2 .step-area li { border-bottom:1px solid #707070; display:inline-block; margin:0 0 0 -7px; padding:20px 0 18px 0; width:8%; }
	
	/* 혈액백 진행상태 */
	.state_area2 .step-area li.step-status   { border:0; height:51px; width:10%;  margin:0px 0 -1% 6.3%; background-repeat:no-repeat; background-position: right bottom; /*background-size:95% 61%;*/  }
	.state_area2 .step-area li.status_0 { background-image:url('../../images/emi4/m_bld_bag_0.png');   }
	.state_area2 .step-area li.status_1 {  background-image:url('../../images/emi4/m_bld_bag_1.png');   }
	.state_area2 .step-area li.status_2 {  background-image:url('../../images/emi4/m_bld_bag_2.png');   }
	.state_area2 .step-area li.status_3 {  background-image:url('../../images/emi4/m_bld_bag_3.png');   }
	.state_area2 .step-area li.status_4 {  background-image:url('../../images/emi4/m_bld_bag_4.png');   }
	.state_area2 .step-area li.status_5 {  background-image:url('../../images/emi4/m_bld_bag_5.png');   }
	.state_area2 .step-area li.status_6 {  background-image:url('../../images/emi4/m_bld_bag_6.png');   }
	.state_area2 .step-area li.status_7 {  background-image:url('../../images/emi4/m_bld_bag_7.png');   }
	.state_area2 .step-area li.status_8 {  background-image:url('../../images/emi4/m_bld_bag_8.png');   }
	.state_area2 .step-area li.status_9 {  background-image:url('../../images/emi4/m_bld_bag_9.png');   }
	.state_area2 .step-area li.status_10 { background-image:url('../../images/emi4/m_bld_bag_10.png');  }
	.state_area2 .step-area li.status_11 { background-image:url('../../images/emi4/m_bld_bag_11.png');  }
    /*
	.state_area2 .step-area li a { font-size:13px; display:block; color:#333; background-image:url('../../images/emi4/step_bg.png'); background-repeat: no-repeat; background-position:center bottom; background-size:80%; width:50%; height:60px; padding:0px 0 30% 8px;}
	.state_area2 .step-area li a.on { color:#333; font-weight:700; background-image:url('../../images/emi4/step_bg_on.png'); background-repeat: no-repeat; background-position:center bottom; background-size:80%;   }
    */
	.state_area2 .step-area li a.bag-q1 { display:block; color:#7f756b; background-image:url('../../images/emi4/01_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q1.on { color:#fff; background-image:url('../../images/emi4/01_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q2 { display:block; color:#7f756b; background-image:url('../../images/emi4/02_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q2.on { color:#fff; background-image:url('../../images/emi4/02_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q3 { display:block; color:#7f756b; background-image:url('../../images/emi4/03_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q3.on { color:#fff; background-image:url('../../images/emi4/03_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q4 { display:block; color:#7f756b; background-image:url('../../images/emi4/04_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q4.on { color:#fff; background-image:url('../../images/emi4/04_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q5 { display:block; color:#7f756b; background-image:url('../../images/emi4/05_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q5.on { color:#fff; background-image:url('../../images/emi4/05_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q6 { display:block; color:#7f756b; background-image:url('../../images/emi4/06_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q6.on { color:#fff; background-image:url('../../images/emi4/06_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q7 { display:block; color:#7f756b; background-image:url('../../images/emi4/07_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q7.on { color:#fff; background-image:url('../../images/emi4/07_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q8 { display:block; color:#7f756b; background-image:url('../../images/emi4/08_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q8.on { color:#fff; background-image:url('../../images/emi4/08_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q9 { display:block; color:#7f756b; background-image:url('../../images/emi4/09_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q9.on { color:#fff; background-image:url('../../images/emi4/09_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q10 { display:block; color:#7f756b; background-image:url('../../images/emi4/10_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q10.on { color:#fff; background-image:url('../../images/emi4/10_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q11 { display:block; color:#7f756b; background-image:url('../../images/emi4/11_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:26px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q11.on { color:#fff; background-image:url('../../images/emi4/11_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}


	/*진행상태 스마일 적용 */
	.state_area1 {margin:0 0 0px 0px; padding:0 0 30px 0px; }
	.state_area1 h2.state_htxt { padding:0 0 5px 20px; font-size: 18px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area1 ol.step-area1 { padding:0px 0 0 20px;  }
	.state_area1 ol.step-area1 li {  display:inline-block; margin:0 0 0 -5px; padding:0px 0 0 0; width:9%; text-align:center; border-bottom:1px solid #cec5bd; border-top:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a { display:block; color:#7f756b;  height:73px; padding:0px 0 0 0px; }
	.state_area1 ol.step-area1 li a span {display:block; border-bottom:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a.on { font-weight:bold; background:url('../../images/emi4/smile.png') no-repeat center 32px; background-size:35px;}
	
	p.doc_notice { margin:0 0 20px 0; font-size:14px; } 
	p.doc_notice_red { margin:0 0 20px 0; font-size:14px; color:#F9414F; } 
	caption.docu_caption { height: 100%; text-indent: 0; text-align:left; font-size:14px; font-weight:bold; padding:10px 0;}

    .next-style { font-size:18px;text-align:center;vertical-align:middle;background-color:rgba(255,0,0,0);width:130px;position:absoulte;padding:0px 0px 0px; }
}

@media all and (min-width:320px) and (max-width:424px) {
	/* layout ---------------------------------------- */
	/* layout : common */
	.content .section{padding:0 20px; margin-bottom:30px; }
	.section .article{padding:20px;}
	.section .article h2 {font-size:20px; line-height: 31px;}
	/* layout : header */
	.header{padding:10px 10px 5px;}
	.header:after{content:'';display:block;clear:both;}
	.header h1{position:relative; margin:0 0 0 20px;}
	.header h1 a span:after{height:24px;top:3px;border-left:1px solid #000;}
	.header h1 a span{font-size:26px; display:none;}
	.header h1 a img {width:163px; height:30px;}
	
	.header .banner-area {display:none;}
	.header .banner-area img { width:130px; }
	
	.header .select{margin-top:13px; float:right; margin-right:15px;}
	.header .state-area2{width:100%;clear:both;}

    .header .state-area{width:100%;clear:both;}
	.state-area .step-area{clear:both;width:100%;margin:20px 0 15px 0;text-align:center;}
	.state-area .btn-area{clear:both;width:100%;margin-top:13px;}
	.state-area .btn-area .btn-basic{width:90%;font-size:15px;}
    /*
	.state-area .btn-area{clear:both;width:100%;margin-top:13px;}
	.state-area .btn-area .btn-basic{width:100%;}
    */
	
	/* layout : ui - 셀박스 */
	.col-box .col-item{display:block;width:100% !important;margin-bottom:20px;}
    .col-box .col-item2{display:table-cell;width:20% !important;margin-bottom:20px;}
    .col-box .col-item3{display:block;margin-bottom:20px;}
	/* layout : ui - 탭 */
	.tab-head .bg-box{padding:10px;height:128px;}

	/* custom : checkbox ---------------------------------------- */
	/* basic : 24px */
	.checkbox{font-size:17px;}
	/* midum : 28px */
	.checkbox.md{font-size:20px;}
	/* large : 48px */
	.checkbox.lg{font-size:16px;}

    .check-mark{top:1px;}

	/* custom : radio ---------------------------------------- */
	/* basic : 24px */
	.radio{font-size:15px;}

	/* custom : input text ---------------------------------------- */
	.text{margin-right:5px;font-size:16px;}
	.text input[type="text"]{max-width:50px;margin-left:5px;padding:3px 6px 3px;}

	/* custom : textarea ---------------------------------------- */
	.textarea{font-size:16px;}

	/* button ---------------------------------------- */
	.btn-area *{padding:17px 0 18px;font-size:30px;}
	.btn-area button{padding:17px 0 18px;}
	/* button : 동의버튼 */
	.btn-area.ty2 *{font-size:16px;}
	.btn-area.ty2 *{width:calc(100%/2 - 10px) !important;margin:0;}
	.btn-area.ty2 a:nth-child(2),.btn-area.ty2 input[type='submit']:nth-child(2),.btn-area.ty2 button:nth-child(2){margin-left:7px;}
	/* button : 상세보기 */
	.btn-detail{padding:5px 18px 6px;}
	.btn-detail span{background:url('../../images/emi4/icon-btn-view.png') no-repeat top 3px right 0;background-size:9px 15px;font-size:14px;}
	/* button : 취소 */
	.btn-cancel{padding:5px 23px 6px 22px;}
	.btn-cancel span{font-size:14px;}

	/* table ---------------------------------------- */
	th,td{font-size:12px; padding:5px;}
	.table-box{overflow-x:scroll;}
	.table-box table{width:1000px;}

	.bldcenter_logo img {width:130px; height:30px;}

    /* 로그인 ---------------------------------------- */
    
    body.login1 .header { width:100%; }
	body.login1 .header { margin:20px auto 30px auto; padding:0;}
	body.login1 .header h1 a img { width:163px; height:30px;}
	body.login1 .content { width:100%; margin:0 auto; }
	body.login1 .login .article { background-color:#f9f9f9; padding:20px ;}
	body.login1 .login .logo-box { margin-bottom:0px; background:url('../../images/emi4/pdol1.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box .txt-logo3 span{color:#F9414F;}
	body.login1 ul{ margin:0px auto 30px auto; width:100%; }
	body.login1 ul li{padding:0 20px; margin-bottom:0;font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: normal; text-align: left;  color: #888088; }
	body.login1 ul li:before{content:'';display:inline-block;width:4px;height:4px;margin:0 5px 5px;background:#888088;border-radius:50%;}
	body.login1 ul li:last-child{margin-bottom:0;}
	body.login1 p.saving-lives {  width:100%; margin:0 auto 50px auto; text-align:center; font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 0.57;  letter-spacing: normal;}
	body.login1 p.saving-lives .txt-logo1 {font-size: 18px; color: #F9414F;}
	body.login1 p.saving-lives .txt-logo2 {font-size: 18px; color: #736a60;}
	body.login1 .form-box{ }
	body.login1 .form-box dl { margin:0 0 20px 0; padding:0; float:left; }
	body.login1 .form-box dl dt { padding:0 0 10px 0; font-size: 18px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: 1px;  text-align: left;  color: #000000;}
	body.login1 .form-box dl dd input {font-size: 18px; border-radius: 5px; border: solid 1px #bdb5ae;  background-color: #ffffff; height:50px; text-align:center; }
	body.login1 .form-box dl.name-box  { width:100%; }
	body.login1 .form-box dl.jumin-box { width:100%; }
	body.login1 .form-box dl.name-box input {width:100%; }
	body.login1 .form-box dl.jumin-box input {width:48%; }  
    
    body.login1 .form-box dd input::placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input::-webkit-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input:-ms-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }

    /* 2번째 시안*/
	body.login1 .login .logo-box2 { margin-bottom:30px; background:url('../../images/emi4/baro_us.png') no-repeat 93% 0; background-size:60px; height: 102px; padding:20px 0 0 10px; }
	body.login1 .login .logo-box2 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box2 .txt-logo3{font-size:20px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 30px; margin:auto 0;}
	body.login1 .login .logo-box2 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box2 .txt-logo3 span.bl_span2{display:block;}       

    /* 영문 로고 */
	body.login1 .login .logo-box3 { margin-bottom:0px; background:url('../../images/emi4/pdol1.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box3 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 6.38;}
	
	body.login1 .login .logo-box4 { margin-bottom:0px; background:url('../../images/emi4/school01.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box4 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box4 .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box4 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box4 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box4 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box4 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box5 { margin-bottom:0px; background:url('../../images/emi4/school02.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box5 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box5 .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box5 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box5 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box5 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box5 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box6 { margin-bottom:0px; background:url('../../images/emi4/school03.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box6 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box6 .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box6 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box6 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box6 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box6 .txt-logo3 span{color:#F9414F;}


	body.login1 .header .banner-area img { width:130px; }
    
    .form-box{margin:0 auto;}
	.form-box > p span{font-size:14px;}
    .form-box .input-box input[type="text"]{font-size:18px;}
    .login .btn-area{margin-bottom:0;}

	/* 문진스텝 : 안내문 ---------------------------------------- */
	.tab-head .tab-item{display:block;width:33.3%;float:left;}
	.tab-head .bg-box{margin-bottom:10px;padding:10px 10px 15px;height:123px;}
	.tab-head .tab-item:nth-child(3n+1) .bg-box{margin-left:0;}
	.tab-head .bg-box{padding:8px 5px 8px 8px;}
	.tab-head .bg-box .checkbox.lg{padding-top:46px;font-size:15px;letter-spacing:-2px;white-space: inherit;line-height:22px;}
	.tab-head .bg-box .checkbox.lg .check-mark{width:40px;height:40px;background: #fff url('../../images/emi4/icon-check-off.png') no-repeat center;background-size:26px 18px;}
	.tab-head .bg-box .checkbox.lg input:checked ~ .check-mark{background: #F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:26px 18px;}
	.tab-box { margin-top: 20px;}
	.tab-box .tab-body{margin-top:0px;}
	.tab-body .tab-item{padding-bottom:30px;}
	.tab-body .doc-tit{padding:15px;font-size:22px;}
	.tab-body .doc-fix > div{padding:15px 20px;}
	.tab-body .doc-fix > div .btn-detail{margin-bottom:10px;}
	.tab-body .doc-fix > div .checkbox{clear:both;float:left;margin-bottom:0px;}
	.tab-body .doc-cont{padding:0 20px 20px 20px;}
	/* 문진스텝 : 안내문(팝업) */
	.pop-close{top:17px;right:17px;}
	.pop-doc-fix .doc-tit{padding:15px 60px 15px 15px;font-size:22px;text-align:left;}
	.pop-doc-fix > div{padding:15px 20px;}
	.pop-doc-cont{/* max-height:300px; */padding:0 20px 20px 20px;}
	.pop-doc-cont > .img-box{margin-top:0;}
	.pop-cont .btn-area{margin-top:20px;}
	.pop-cont .pop-doc-cont +  .btn-area{padding:0px 20px 15px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont{width:95%;}
	.pop-box.type0 .pop-doc-cont{height:auto;margin-bottom:20px;}
	.pop-box.type0 .icon-aret{margin-top:55px;}
	.pop-box.type0 .btn-area{padding:0 !important;}
	.pop-box.type0 .pop-cont .btn-area{margin-top:40px;}
	/* 문진스텝 : 안내문(팝업/슬라이드) */
	.pop-cont .swiper-pagination + .btn-area{padding:0px 17px 15px;}
	/* 문진스텝 : 문진 */
	.article-txt-box:first-child{display:block;margin-bottom:30px;}
	.article-txt-box .txt-box{margin-bottom:10px;}
    .article-txt-box .txt-tit{font-size:18px;}
	.article-txt-box .pp-box{display:block;}
	.article-txt-box .pp-box *{width:calc(50% - 5px);height:180px;float:left;font-size:20px;}
	.article-txt-box .pp-box span:first-child{margin-left:0;}
	.article-txt-box .col-box{margin:0;}
	.article-txt-box ~ .col-box{margin:20px 0;}
	.article-txt-box .col-box:last-child .col-item:last-child{margin-bottom:0;}
	/* 문진스텝 : 동의서 */
	.txt-center p strong{display:block;}
    .txt-left label{font-size:18px;}
	/* 문진스텝 : 선택적 질문지 */
	.article .col-box .col-item:last-child{margin-bottom:0px;}
	.sub-box{margin-bottom:20px;}
	.sub-box label{margin:0 0 10px 0;}
	.sub-box .btn-detail, .sub-box .btn-cancel{height:35px;}
	/* 문진스텝 : 선택적 질문지 > 2번 문항 table 개별 */
	.emi_question2 colgroup{display:none;}
	.emi_question2 th,
	.emi_question2 td{display:block;width:100%;box-sizing:border-box;}
	.emi_question2 thead{display:none;}
	.emi_question2 thead th{border-top:none;border-right:none;border-left:none;}
	.emi_question2 thead th:first-child{border-top:1px solid #333;border-right:none;}
	.emi_question2 tbody{border-top:1px solid #333;}
	.emi_question2 tbody th:first-child, 
	.emi_question2 tbody td:first-child{border-top:none;border-right:none;}
	.emi_question2 tbody th,
	.emi_question2 tbody td{border-right:none;border-left:none;}
	.emi_question2 tbody td{border-top:none;}

	/* 결과페이지 : 전자문진참여완료 ---------------------------------------- */
	.privacy-area{padding:20px}
	.privacy-area .txt-md + .txt-rg{display:block;margin:30px 0;}
	
	
	.txt-tit{margin-top:15px;padding-bottom:10px;font-size:23px;font-weight:700;color:#333;}
	.txt-sub{display:block;font-size:16px;font-weight:400;color:#666;}
	.txt-info{display:block;font-size:16px;font-weight:400;color:#333;}
	
	.txt-list *{font-size:16px;}
	.txt-list strong{font-weight:700;}
	.txt-list li{padding:10px 20px 10px;border-bottom:1px solid #ccc;text-indent:-25px;}
	.txt-list li:before{content:'';display:inline-block;width:5px;height:5px;margin:0 10px 3px;background:#999;}
	.txt-list li span{display:block;padding-left:20px;}
	.txt-list li span:before{content:'';display:inline-block;width:5px;height:2px;margin:0px 4px 4px 16px;background:#999;}
	/* 텍스트 체계 : 리스트형(커스텀형) */
	.txt-list.ty2{margin:0 auto 30px;padding:20px 0 25px;background:#fff;border-top:none;border-bottom:1px solid #999;max-width:900px;}
	.txt-list.ty2 *{font-size:16px;color:#333;font-weight:400;text-align:left;}
	.txt-list.ty2 strong{font-weight:700;}
	.txt-list.ty2 li{padding:4px 0 4px 40px;border-bottom:none;text-indent:-25px;letter-spacing:-.5px;}
	.txt-list.ty2 li:before{content:'';display:inline-block;width:3px;height:3px;margin:0 10px 6px;background:#333;border-radius:3px;}
	
	.txt-info { font-size: 16px;}
	
	/*변경된 시안 적용 */
	.state_area2 {width:90%; margin:0 auto 20px auto; padding:0 20px 10px 20px; }
	.state_area2 h2.state_htxt {font-size: 20px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area2 .step-area {  margin:-44px 0 0 0; padding:0px; background-image:url('../../images/emi4/m_line_step-1.png'); background-repeat: no-repeat; background-position: 4px 25%; background-size:87% 60%; }

	.state_area2 .step-area.step-1  { background-image:url('../../images/emi4/m_line_step-1.png');  }
	.state_area2 .step-area.step-2  { background-image:url('../../images/emi4/m_line_step-2.png');  }
	.state_area2 .step-area.step-3  { background-image:url('../../images/emi4/m_line_step-3.png');  }
	.state_area2 .step-area.step-4  { background-image:url('../../images/emi4/m_line_step-4.png');  }
	.state_area2 .step-area.step-5  { background-image:url('../../images/emi4/m_line_step-5.png');  }
	.state_area2 .step-area.step-6  { background-image:url('../../images/emi4/m_line_step-6.png');  }
	.state_area2 .step-area.step-7  { background-image:url('../../images/emi4/m_line_step-7.png');  }
	.state_area2 .step-area.step-8  { background-image:url('../../images/emi4/m_line_step-8.png');  }
	.state_area2 .step-area.step-9  { background-image:url('../../images/emi4/m_line_step-9.png');  }
	.state_area2 .step-area.step-10 { background-image:url('../../images/emi4/m_line_step-10.png'); }
	.state_area2 .step-area.step-11 { background-image:url('../../images/emi4/m_line_step-11.png'); }
    .state_area2 .step-area.step-12 { background-image:url('../../images/emi4/m_line_step-12.png'); }
	.state_area2 .step-area li { border-bottom:1px solid #707070; display:inline-block; margin:0 0 0 -7px; padding:0px 0 18px 0; width:8%; background-size:85%; }
	
	/* 혈액백 진행상태 */
	.state_area2 .step-area li.step-status   { border:0; width:11%; height:60px; margin:0px 0 -1% 5.2%; background-repeat:no-repeat; background-position: right bottom; background-size:80%;  }
	.state_area2 .step-area li.status_0 { background-image:url('../../images/emi4/m_bld_bag_0.png');   }
	.state_area2 .step-area li.status_1 {  background-image:url('../../images/emi4/m_bld_bag_1.png');   }
	.state_area2 .step-area li.status_2 {  background-image:url('../../images/emi4/m_bld_bag_2.png');   }
	.state_area2 .step-area li.status_3 {  background-image:url('../../images/emi4/m_bld_bag_3.png');   }
	.state_area2 .step-area li.status_4 {  background-image:url('../../images/emi4/m_bld_bag_4.png');   }
	.state_area2 .step-area li.status_5 {  background-image:url('../../images/emi4/m_bld_bag_5.png');   }
	.state_area2 .step-area li.status_6 {  background-image:url('../../images/emi4/m_bld_bag_6.png');   }
	.state_area2 .step-area li.status_7 {  background-image:url('../../images/emi4/m_bld_bag_7.png');   }
	.state_area2 .step-area li.status_8 {  background-image:url('../../images/emi4/m_bld_bag_8.png');   }
	.state_area2 .step-area li.status_9 {  background-image:url('../../images/emi4/m_bld_bag_9.png');   }
	.state_area2 .step-area li.status_10 { background-image:url('../../images/emi4/m_bld_bag_10.png');  }
	.state_area2 .step-area li.status_11 { background-image:url('../../images/emi4/m_bld_bag_11.png');  }
    /*
	.state_area2 .step-area li a { font-size:12px; display:block; color:#333; background-image:url('../../images/emi4/step_bg.png'); background-repeat: no-repeat; background-position:center bottom; background-size:80%; width:50%; height:40px; padding:0px 0 30% 8px;}
	.state_area2 .step-area li a.on { color:#333; font-weight:700; background-image:url('../../images/emi4/step_bg_on.png'); background-repeat: no-repeat; background-position:center bottom; background-size:80%;   }
    */
	.state_area2 .step-area li a.bag-q1 { display:block; color:#7f756b; background-image:url('../../images/emi4/01_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q1.on { color:#fff; background-image:url('../../images/emi4/01_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q2 { display:block; color:#7f756b; background-image:url('../../images/emi4/02_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q2.on { color:#fff; background-image:url('../../images/emi4/02_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q3 { display:block; color:#7f756b; background-image:url('../../images/emi4/03_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q3.on { color:#fff; background-image:url('../../images/emi4/03_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q4 { display:block; color:#7f756b; background-image:url('../../images/emi4/04_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q4.on { color:#fff; background-image:url('../../images/emi4/04_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q5 { display:block; color:#7f756b; background-image:url('../../images/emi4/05_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q5.on { color:#fff; background-image:url('../../images/emi4/05_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q6 { display:block; color:#7f756b; background-image:url('../../images/emi4/06_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q6.on { color:#fff; background-image:url('../../images/emi4/06_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q7 { display:block; color:#7f756b; background-image:url('../../images/emi4/07_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q7.on { color:#fff; background-image:url('../../images/emi4/07_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q8 { display:block; color:#7f756b; background-image:url('../../images/emi4/08_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q8.on { color:#fff; background-image:url('../../images/emi4/08_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q9 { display:block; color:#7f756b; background-image:url('../../images/emi4/09_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q9.on { color:#fff; background-image:url('../../images/emi4/09_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q10 { display:block; color:#7f756b; background-image:url('../../images/emi4/10_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q10.on { color:#fff; background-image:url('../../images/emi4/10_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q11 { display:block; color:#7f756b; background-image:url('../../images/emi4/11_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:18px; padding:0px 0 38% 8px;}
	.state_area2 .step-area li a.bag-q11.on { color:#fff; background-image:url('../../images/emi4/11_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	
	/*진행상태 스마일 적용 */
	.state_area1 {margin:0 0 0px 0px; padding:0 0 30px 0px; }
	.state_area1 h2.state_htxt { padding:0 0 5px 20px; font-size: 18px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area1 ol.step-area1 { padding:0px 0 0 20px;  }
	.state_area1 ol.step-area1 li {  display:inline-block; margin:0 0 0 -5px; padding:0px 0 0 0; width:9%; text-align:center; border-bottom:1px solid #cec5bd; border-top:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a { display:block; color:#7f756b;  height:63px; padding:0px 0 0 0px; }
	.state_area1 ol.step-area1 li a span {display:block; border-bottom:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a.on { font-weight:bold; background:url('../../images/emi4/smile.png') no-repeat center 32px; background-size:25px;}
		
	p.doc_notice { margin:0 0 20px 0; font-size:14px; } 
	p.doc_notice_red { margin:0 0 20px 0; font-size:14px; color:#F9414F; } 
	caption.docu_caption {height: 100%; text-indent: 0;  text-align:left; font-size:14px; font-weight:bold; padding:10px 0;}

    .next-style { font-size:18px;text-align:center;vertical-align:middle;background-color:rgba(255,0,0,0);width:130px;position:absoulte;padding:0px 0px 0px; }
}

@media all and (max-width:319px) {
	/* layout ---------------------------------------- */
	/* layout : common */
	.content .section{padding:0 20px; margin-bottom:30px; }
	.section .article{padding:20px;}
	.section .article h2 {font-size:20px; line-height: 31px;}
	/* layout : header */
	.header{padding:5px 25px 5px;}
	.header:after{content:'';display:block;clear:both;}
	.header h1{position:relative; margin:0 0 0 0px;}
	.header h1 a span:after{height:24px;top:3px;border-left:1px solid #000; margin:0 10px;}
	.header h1 a span{font-size:26px;  display:none;}
	.header h1 a img {width:120px; height:100%;}
	.header .banner-area {display:none;}
	.header .banner-area img { width:130px; }
	.bldcenter_logo img {width:120px; height:100%;}
	
	.header .select{margin-top:13px; }
	.header .state-area{width:100%;clear:both;}
	.state-area .step-area{clear:both;width:100%;margin:20px 0 15px 0;text-align:center;}
	.state-area .btn-area{clear:both;width:100%;margin-top:13px;}
	.state-area .btn-area .btn-basic{width:100%;font-size:15px;}
	/* layout : ui - 셀박스 */
	.col-box .col-item{display:block;width:100% !important;margin-bottom:20px;}
    .col-box .col-item .radio{margin-bottom:0;display:table-cell;}
    .col-box .col-item2{display:table-cell;width:20% !important;margin-bottom:20px;}
    .col-box .col-item3{display:block;margin-bottom:20px;}
	/* layout : ui - 탭 */
	.tab-head .bg-box{padding:10px;height:128px;}

	/* custom : checkbox ---------------------------------------- */
	/* basic : 24px */
	.checkbox{font-size:17px;}
	/* midum : 28px */
	.checkbox.md{font-size:20px;}
	/* large : 48px */
	.checkbox.lg{font-size:16px;}

    .check-mark{top:1px;}

	/* custom : radio ---------------------------------------- */
	/* basic : 24px */
	.radio{font-size:15px;}

	/* custom : input text ---------------------------------------- */
	.text{margin-right:5px;font-size:16px;}
	.text input[type="text"]{max-width:50px;margin-left:5px;padding:3px 6px 3px;}

	/* custom : textarea ---------------------------------------- */
	.textarea{font-size:16px;}

	/* button ---------------------------------------- */
	.btn-area *{padding:17px 0 18px;font-size:30px;}
	.btn-area button{padding:17px 0 18px;}
	/* button : 동의버튼 */
	.btn-area.ty2 *{font-size:16px;}
	.btn-area.ty2 *{width:calc(100%/2 - 10px) !important;margin:0;}
	.btn-area.ty2 a:nth-child(2),.btn-area.ty2 input[type='submit']:nth-child(2),.btn-area.ty2 button:nth-child(2){margin-left:7px;}
	/* button : 상세보기 */
	.btn-detail{padding:5px 18px 6px;}
	.btn-detail span{background:url('../../images/emi4/icon-btn-view.png') no-repeat top 3px right 0;background-size:9px 15px;font-size:14px;}
	/* button : 취소 */
	.btn-cancel{padding:5px 23px 6px 22px;}
	.btn-cancel span{font-size:14px;}

	/* table ---------------------------------------- */
	th,td{font-size:10px; padding:5px;}
	.table-box{overflow-x:scroll;}
	.table-box table{width:1000px;}

    /* 로그인 ---------------------------------------- */
    
    body.login1 .header { width:100%; }
	body.login1 .header { margin:20px auto 30px auto; padding:0;}
	body.login1 .header h1 a img { width:163px; height:30px;}
	body.login1 .content { width:100%; margin:0 auto; }
	body.login1 .login .article { background-color:#f9f9f9; padding:20px ;}
	body.login1 .login .logo-box { margin-bottom:0px; background:url('../../images/emi4/pdol1.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box .txt-logo3 span{color:#F9414F;}
	body.login1 ul{ margin:0px auto 30px auto; width:100%; }
	body.login1 ul li{padding:0 20px; margin-bottom:0;font-size: 14px; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: normal; text-align: left;  color: #888088; }
	body.login1 ul li:before{content:'';display:inline-block;width:4px;height:4px;margin:0 5px 5px;background:#888088;border-radius:50%;}
	body.login1 ul li:last-child{margin-bottom:0;}
	body.login1 p.saving-lives {  width:100%; margin:0 auto 50px auto; text-align:center; font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 0.57;  letter-spacing: normal;}
	body.login1 p.saving-lives .txt-logo1 {font-size: 18px; color: #F9414F;}
	body.login1 p.saving-lives .txt-logo2 {font-size: 18px; color: #736a60;}
	body.login1 .form-box{ }
	body.login1 .form-box dl { margin:0 0 20px 0; padding:0; float:left; }
	body.login1 .form-box dl dt { padding:0 0 10px 0; font-size: 18px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: 1px;  text-align: left;  color: #000000;}
	body.login1 .form-box dl dd input {font-size: 18px; border-radius: 5px; border: solid 1px #bdb5ae;  background-color: #ffffff; height:50px; text-align:center; }
	body.login1 .form-box dl.name-box  { width:100%; }
	body.login1 .form-box dl.jumin-box { width:100%; }
	body.login1 .form-box dl.name-box input {width:100%; }
	body.login1 .form-box dl.jumin-box input {width:48%; }  

    body.login1 .form-box dd input::placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input::-webkit-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }
    body.login1 .form-box dd input:-ms-input-placeholder {text-align:center; font-size: 16px; color: #8C8C8C; }

	body.login1 .header .banner-area img { width:110px; }

    /* 2번째 시안*/
	body.login1 .login .logo-box2 { margin-bottom:30px; background:url('../../images/emi4/baro_us.png') no-repeat 93% 0; background-size:60px; height: 102px; padding:20px 0 0 5px; }
	body.login1 .login .logo-box2 .txt-logo1{color:#ed1b24;}
	body.login1 .login .logo-box2 .txt-logo3{font-size:16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 30px; margin:auto 0;}
	body.login1 .login .logo-box2 .txt-logo3 span{color:#F9414F;}
	body.login1 .login .logo-box2 .txt-logo3 span.bl_span2{display:block;}           
    
    /* 영문 로고 */
	body.login1 .login .logo-box3 { margin-bottom:0px; background:url('../../images/emi4/pdol1.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box3 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}

	body.login1 .login .logo-box4 { margin-bottom:0px; background:url('../../images/emi4/school01.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box4 .txt-logo1{color:#F9414F;}
	body.login1 .login .logo-box4 .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box4 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box4 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box4 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box4 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box5 { margin-bottom:0px; background:url('../../images/emi4/school02.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box5 .txt-logo1{color:#F9414F;}
	body.login1 .login .logo-box5 .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box5 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box5 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box5 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box5 .txt-logo3 span{color:#F9414F;}

	body.login1 .login .logo-box6 { margin-bottom:0px; background:url('../../images/emi4/school03.png') no-repeat right 45px; height: 158px; background-size:80px; }
	body.login1 .login .logo-box6 .txt-logo1{color:#F9414F;}
	body.login1 .login .logo-box6 .txt-logo2{font-size:18px;font-weight: 500; font-stretch: normal; font-style: normal; text-align: left; margin-top:20px;}
	body.login1 .login .logo-box6 .txt-logo3{font-size:22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.38;}
	body.login1 .login .logo-box6 .txt-logo2 span{color:#F9414F;}
	body.login1 .login .logo-box6 .txt-logo2 span.bl_span{display:block;} 
	body.login1 .login .logo-box6 .txt-logo3 span{color:#F9414F;}

    .form-box{margin:0 auto;}
	.form-box > p span{font-size:14px;}
    .form-box .input-box input[type="text"]{font-size:18px;}
    .login .btn-area{margin-bottom:0;}

	/* 문진스텝 : 안내문 ---------------------------------------- */
	.tab-head .tab-item{display:block;width:33.3%;float:left;}
	.tab-head .bg-box{margin-bottom:10px;padding:10px 10px 15px;height:123px;}
	.tab-head .tab-item:nth-child(3n+1) .bg-box{margin-left:0;}
	.tab-head .bg-box{padding:8px 5px 8px 8px;}
	.tab-head .bg-box .checkbox.lg{padding-top:46px;font-size:14px;letter-spacing:-2px;white-space: inherit;line-height:15px;}
	.tab-head .bg-box .checkbox.lg .check-mark{width:30px;height:30px;background: #fff url('../../images/emi4/icon-check-off.png') no-repeat center;background-size:17px 12px;}
	.tab-head .bg-box .checkbox.lg input:checked ~ .check-mark{background: #F9414F url('../../images/emi4/icon-check-on.png') no-repeat center;background-size:17px 12px;}
	.tab-box { margin-top: 20px;}
	.tab-box .tab-body{margin-top:0px;}
	.tab-body .tab-item{padding-bottom:10px;}
	.tab-body .doc-tit{padding:15px;font-size:22px;}
	.tab-body .doc-fix > div{padding:15px 20px;}
	.tab-body .doc-fix > div .btn-detail{margin-bottom:10px;}
	.tab-body .doc-fix > div .checkbox{clear:both;float:left;margin-bottom:0px;}
	.tab-body .doc-cont{padding:0 20px 20px 20px;}
	/* 문진스텝 : 안내문(팝업) */
	.pop-close{top:17px;right:17px;}
	.pop-doc-fix .doc-tit{padding:15px 60px 15px 15px;font-size:22px;text-align:left;}
	.pop-doc-fix > div{padding:15px 20px;}
	.pop-doc-cont{/* max-height:300px; */padding:0 20px 20px 20px;}
	.pop-doc-cont > .img-box{margin-top:0;}
	.pop-cont .btn-area{margin-top:20px;}
	.pop-cont .pop-doc-cont +  .btn-area{padding:0px 20px 15px;}
	/* 문진스텝 : 안내문(팝업/알림형) */
	.pop-box.type0 .pop-cont{width:95%;}
	.pop-box.type0 .pop-doc-cont{height:auto;margin-bottom:20px;}
	.pop-box.type0 .icon-aret{margin-top:55px;}
	.pop-box.type0 .btn-area{padding:0 !important;}
	.pop-box.type0 .pop-cont .btn-area{margin-top:40px;}
	/* 문진스텝 : 안내문(팝업/슬라이드) */
	.pop-cont .swiper-pagination + .btn-area{padding:0px 17px 15px;}
	/* 문진스텝 : 문진 */
	.article-txt-box:first-child{display:block;margin-bottom:30px;}
	.article-txt-box .txt-box{margin-bottom:10px;}
    .article-txt-box .txt-tit{font-size:16px;}
	.article-txt-box .pp-box{display:block;}
	.article-txt-box .pp-box *{width:calc(50% - 5px);height:180px;float:left;font-size:18px;}
	.article-txt-box .pp-box span:first-child{margin-left:0;}
	.article-txt-box .col-box{margin:0;}
	.article-txt-box ~ .col-box{margin:20px 0;}
	.article-txt-box .col-box:last-child .col-item:last-child{margin-bottom:0;}
	/* 문진스텝 : 동의서 */
	.txt-center p strong{display:block;}
    .txt-left label{font-size:18px;}
	/* 문진스텝 : 선택적 질문지 */
	.article .col-box .col-item:last-child{margin-bottom:0px;}
	.sub-box{margin-bottom:20px;}
	.sub-box label{margin:0 0 10px 0;}
	.sub-box .btn-detail, .sub-box .btn-cancel{height:35px;}
	/* 문진스텝 : 선택적 질문지 > 2번 문항 table 개별 */
	.emi_question2 colgroup{display:none;}
	.emi_question2 th,
	.emi_question2 td{display:block;width:100%;box-sizing:border-box;}
	.emi_question2 thead{display:none;}
	.emi_question2 thead th{border-top:none;border-right:none;border-left:none;}
	.emi_question2 thead th:first-child{border-top:1px solid #333;border-right:none;}
	.emi_question2 tbody{border-top:1px solid #333;}
	.emi_question2 tbody th:first-child, 
	.emi_question2 tbody td:first-child{border-top:none;border-right:none;}
	.emi_question2 tbody th,
	.emi_question2 tbody td{border-right:none;border-left:none;}
	.emi_question2 tbody td{border-top:none;}

	/* 결과페이지 : 전자문진참여완료 ---------------------------------------- */
	.privacy-area{padding:20px}
	.privacy-area .txt-md + .txt-rg{display:block;margin:30px 0;}
	
	
	.txt-tit{margin-top:15px;padding-bottom:10px;font-size:20px;font-weight:700;color:#333;}
	.txt-sub{display:block;font-size:16px;font-weight:400;color:#666;}
	.txt-info{display:block;font-size:16px;font-weight:400;color:#333;}
	
	.txt-list *{font-size:16px;}
	.txt-list strong{font-weight:700;}
	.txt-list li{padding:10px 20px 10px;border-bottom:1px solid #ccc;text-indent:-25px;}
	.txt-list li:before{content:'';display:inline-block;width:5px;height:5px;margin:0 10px 3px;background:#999;}
	.txt-list li span{display:block;padding-left:20px;}
	.txt-list li span:before{content:'';display:inline-block;width:5px;height:2px;margin:0px 4px 4px 16px;background:#999;}
	/* 텍스트 체계 : 리스트형(커스텀형) */
	.txt-list.ty2{margin:0 auto 30px;padding:20px 0 25px;background:#fff;border-top:none;border-bottom:1px solid #999;max-width:900px;}
	.txt-list.ty2 *{font-size:16px;color:#333;font-weight:400;text-align:left;}
	.txt-list.ty2 strong{font-weight:700;}
	.txt-list.ty2 li{padding:4px 0 4px 40px;border-bottom:none;text-indent:-25px;letter-spacing:-.5px;}
	.txt-list.ty2 li:before{content:'';display:inline-block;width:3px;height:3px;margin:0 10px 6px;background:#333;border-radius:3px;}
	
	.txt-info { font-size: 16px;}
	
	/*변경된 시안 적용 */
	.state_area2 {width:90%; margin:0 auto 20px auto; padding:0 20px 10px 20px; }
	.state_area2 h2.state_htxt {font-size: 20px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area2 .step-area {  margin:-44px 0 0 0; padding:0px; background-image:url('../../images/emi4/m_line_step-1.png'); background-repeat: no-repeat; background-position: 4px 31%; background-size:85%;  }
	
	.state_area2 .step-area.step-1  { background-image:url('../../images/emi4/m_line_step-1.png');  }
	.state_area2 .step-area.step-2  { background-image:url('../../images/emi4/m_line_step-2.png');  }
	.state_area2 .step-area.step-3  { background-image:url('../../images/emi4/m_line_step-3.png');  }
	.state_area2 .step-area.step-4  { background-image:url('../../images/emi4/m_line_step-4.png');  }
	.state_area2 .step-area.step-5  { background-image:url('../../images/emi4/m_line_step-5.png');  }
	.state_area2 .step-area.step-6  { background-image:url('../../images/emi4/m_line_step-6.png');  }
	.state_area2 .step-area.step-7  { background-image:url('../../images/emi4/m_line_step-7.png');  }
	.state_area2 .step-area.step-8  { background-image:url('../../images/emi4/m_line_step-8.png');  }
	.state_area2 .step-area.step-9  { background-image:url('../../images/emi4/m_line_step-9.png');  }
	.state_area2 .step-area.step-10 { background-image:url('../../images/emi4/m_line_step-10.png'); }
	.state_area2 .step-area.step-11 { background-image:url('../../images/emi4/m_line_step-11.png'); }
    .state_area2 .step-area.step-12 { background-image:url('../../images/emi4/m_line_step-12.png'); }
	.state_area2 .step-area li { border-bottom:1px solid #707070; display:inline-block; margin:0 0 0 -7px; padding:0px 0 18px 0; width:8%; }
	
	/* 혈액백 진행상태 */
	.state_area2 .step-area li.step-status   { border:0; width:11%; height:60px; margin:0px 0 -1% 5.2%; background-repeat:no-repeat; background-position: right bottom; background-size:85%;  }
	.state_area2 .step-area li.status_0 { background-image:url('../../images/emi4/m_bld_bag_0.png');   }
	.state_area2 .step-area li.status_1 {  background-image:url('../../images/emi4/m_bld_bag_1.png');   }
	.state_area2 .step-area li.status_2 {  background-image:url('../../images/emi4/m_bld_bag_2.png');   }
	.state_area2 .step-area li.status_3 {  background-image:url('../../images/emi4/m_bld_bag_3.png');   }
	.state_area2 .step-area li.status_4 {  background-image:url('../../images/emi4/m_bld_bag_4.png');   }
	.state_area2 .step-area li.status_5 {  background-image:url('../../images/emi4/m_bld_bag_5.png');   }
	.state_area2 .step-area li.status_6 {  background-image:url('../../images/emi4/m_bld_bag_6.png');   }
	.state_area2 .step-area li.status_7 {  background-image:url('../../images/emi4/m_bld_bag_7.png');   }
	.state_area2 .step-area li.status_8 {  background-image:url('../../images/emi4/m_bld_bag_8.png');   }
	.state_area2 .step-area li.status_9 {  background-image:url('../../images/emi4/m_bld_bag_9.png');   }
	.state_area2 .step-area li.status_10 { background-image:url('../../images/emi4/m_bld_bag_10.png');  }
	.state_area2 .step-area li.status_11 { background-image:url('../../images/emi4/m_bld_bag_11.png');  }
    /*
	.state_area2 .step-area li a { font-size:10px; display:block; color:#333; background-image:url('../../images/emi4/step_bg.png'); background-repeat: no-repeat; background-position:center bottom; background-size:80%; width:50%; height:40px; padding:0px 0 30% 8px;}
	.state_area2 .step-area li a.on { color:#333; font-weight:700; background-image:url('../../images/emi4/step_bg_on.png'); background-repeat: no-repeat; background-position:center bottom; background-size:80%;   }
    */
	.state_area2 .step-area li a.bag-q1 { display:block; color:#7f756b; background-image:url('../../images/emi4/01_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q1.on { color:#fff; background-image:url('../../images/emi4/01_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q2 { display:block; color:#7f756b; background-image:url('../../images/emi4/02_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q2.on { color:#fff; background-image:url('../../images/emi4/02_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q3 { display:block; color:#7f756b; background-image:url('../../images/emi4/03_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q3.on { color:#fff; background-image:url('../../images/emi4/03_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q4 { display:block; color:#7f756b; background-image:url('../../images/emi4/04_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q4.on { color:#fff; background-image:url('../../images/emi4/04_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q5 { display:block; color:#7f756b; background-image:url('../../images/emi4/05_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q5.on { color:#fff; background-image:url('../../images/emi4/05_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q6 { display:block; color:#7f756b; background-image:url('../../images/emi4/06_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q6.on { color:#fff; background-image:url('../../images/emi4/06_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q7 { display:block; color:#7f756b; background-image:url('../../images/emi4/07_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q7.on { color:#fff; background-image:url('../../images/emi4/07_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q8 { display:block; color:#7f756b; background-image:url('../../images/emi4/08_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q8.on { color:#fff; background-image:url('../../images/emi4/08_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q9 { display:block; color:#7f756b; background-image:url('../../images/emi4/09_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q9.on { color:#fff; background-image:url('../../images/emi4/09_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q10 { display:block; color:#7f756b; background-image:url('../../images/emi4/10_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q10.on { color:#fff; background-image:url('../../images/emi4/10_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}
	.state_area2 .step-area li a.bag-q11 { display:block; color:#7f756b; background-image:url('../../images/emi4/11_off.png'); background-repeat: no-repeat; background-position:left top; background-size:80%; width:50%; height:16px; padding:0px 0 31% 8px;}
	.state_area2 .step-area li a.bag-q11.on { color:#fff; background-image:url('../../images/emi4/11_on.png'); background-repeat: no-repeat; background-position:left top; background-size:80%;}

	/*진행상태 스마일 적용 */
	.state_area1 {margin:0 0 0px 0px; padding:0 0 30px 0px; }
	.state_area1 h2.state_htxt { padding:0 0 5px 20px; font-size: 16px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 2.05;  letter-spacing: normal;  text-align: left;  color: #594f43;  }
	.state_area1 ol.step-area1 { padding:0px 0 0 20px;  }
	.state_area1 ol.step-area1 li {  display:inline-block; margin:0 0 0 -5px; padding:0px 0 0 0; width:9%; text-align:center; border-bottom:1px solid #cec5bd; border-top:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a { display:block; color:#7f756b;  height:63px; padding:0px 0 0 0px; }
	.state_area1 ol.step-area1 li a span {display:block; border-bottom:1px solid #cec5bd;}
	.state_area1 ol.step-area1 li a.on { font-weight:bold; background:url('../../images/emi4/smile.png') no-repeat center 32px; background-size:25px;}
		
	p.doc_notice { margin:0 0 20px 0; font-size:12px; } 
	p.doc_notice_red { margin:0 0 20px 0; font-size:12px; color:#F9414F; } 
	caption.docu_caption { height: 100%; text-indent: 0; text-align:left; font-size:12px; font-weight:bold; padding:10px 0;}

    .next-style { font-size:18px;text-align:center;vertical-align:middle;background-color:rgba(255,0,0,0);width:130px;position:absoulte;padding:0px 0px 0px; }
}

/* 태블릿 가로모드 */
@media all and (max-height : 850px){
	/* 문진스텝 : 안내문 ---------------------------------------- */
	/* 문진스텝 : 안내문(팝업) */
	.pop-close{top:17px;right:17px;}
	.pop-doc-fix .doc-tit{padding:15px 60px 15px 15px;font-size:22px;text-align:left;}
	.pop-doc-fix > div{padding:15px 20px;}
	.pop-doc-cont{max-height:500px;padding:0 20px 20px 20px;}
	.pop-doc-cont > .img-box{margin-top:0;}
	.pop-cont .pop-doc-cont +  .btn-area{padding:0px 20px 15px;}
	/* 문진스텝 : 안내문(팝업/슬라이드) */
	.pop-cont .swiper-pagination + .btn-area{padding:0px 20px 15px;}
	.login1 .header {  width:700px; }
}

/* 태블릿 가로모드 */
@media all and (max-height : 768px){
	.pop-doc-cont{max-height:300px;}
	
}

@media all and (max-height : 425px){
	.pop-doc-cont{max-height:300px;}
	
}

/* 모바일 가로모드 */
@media all and (max-height : 375px){
	/* 문진스텝 : 안내문 ---------------------------------------- */
	/* 문진스텝 : 안내문(팝업) */
	.pop-doc-cont{max-height:95px;}
	.login1 .header { width:100%; }
	
}

/* 모바일 세로모드(최소) */
@media all and (max-width : 380px){
    /* 로그인 ---------------------------------------- */
    .login .logo-box{margin-bottom:455px;}
    .login1 .header {  width:100%; }
}