@charset "utf-8";

/******************************************************************/
/*   border 초기화
/******************************************************************/


 input[type="file"] {
     overflow: hidden;
     max-width: 100%;
 }
 
 input[type="text"],
 input[type="password"],
 input[type="number"],
 input[type="tel"] 
 input[type="user_post"]{
     height: 29px;
 }

 input[type="button"],
 input[type="text"],
 input[type="password"],
 input[type="tel"],
 input[type="image"],
 input[type="user_post"],
 textarea {
     -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
 }
 
 input:checked[type="checkbox"] {
     background-color: #fff;
     -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
 }


 input[type="radio"]{
     margin: 0 7px 0 17px;
 }

 input[type="text"],
 input[type="email"],
 input[type="tel"],
 input[type="url"],
 input[type="password"],
 input[type="user_post"],
 textarea {
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 0px;
	padding:6px;
	border-radius:2px;
}


 textarea,
 input,
 select {
     vertical-align: middle;
     font-size: 12px; 
     font-family: "Nanum Gothic", sans-serif;
 }
 
 textarea {
     resize: none;
     line-height: 1.2em;
 }
 
 select {
     max-width: 100%;
     height: 30px;
     margin:0 0 0px;
     padding: 0 3px 0 8px;
     color: #353535;
     font-weight: inherit;
     border: 1px solid #ccc;
     background: #fff url("../../img/icon/ico_arrow_gray.png") no-repeat right center;
     background-size: 20px 20px;
  border-radius: 2px;
     -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
	}
 
 select.disabled {
     color: #bfbfbf;
     background-image: url("../../img/icon/bg_selectbox_disabled.gif");
 }
 
 button::-moz-focus-inner {
     padding: 0;
     border: 0;
 }
 
 label {
	 font-family: 'Nanum Gothic', sans-serif;
     margin: 0;
     display: inline-block;
     
     vertical-align: middle;
 }
 
 textarea.disabled {
     background-color: #ffffff;
     color: #bfbfbf;
 }

.nt{
	display: inline-block;
	padding-left:30px;}

.record{ 
	margin: 0;
    padding: 0;
}

.content1{
    margin-left: 15px;
    margin-right: 15px;

}

/******************************************************************/
/*   border 게시판 기본 설정
/******************************************************************/
.content_wrap{
    padding:15px 70px 30px 70px;
    
}

.board-notice{
	margin-top:50px;
	min-width: 300px;
}

.displaynone {
     display: none !important;
 }

.titleArea {
     position: relative;     
     background-color: #fff;
 }

 @media screen and (max-width:550px){
    .content_wrap{
        padding:15px 0px 30px 0px;
    }
    
 }


/******************************************************************/
/*   회원가입 관련 시작
/******************************************************************/


/******************************************************************/
/*   회원가입 동의 창
/******************************************************************/

.member-join {
     margin: 14px 0px 0px;
     padding: 0 0 29px;
     color: #63666e;
     font-size: 11px;	
 }
 
 .member-join .agreeArea {
     margin: 0 0 7px;
     border: 1px solid #ccc;
     background: #fff;
     border-radius: 5px;
 }

 .member-join .agreeArea_all{
    margin: 0 0 20px;
   
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
 }

 .agreeArea11 {
    margin: 0 0 7px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
}

.member-join .member-jointitle .member-joincheck3{
    padding: 3px 3px 3px 3px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
 
 .member-join .member-jointitle {
     position: relative;
     line-height: 30px;
     color: #333;
     
 }
 
 .member-join .member-jointitle .member-joincheck{
 	  padding: 3px 0px 3px 15px;
     font-size: 15px;
     font-weight: 400;
     border-bottom: 1px solid #ccc;
 }

 .member-join .member-jointitle .member-joincheck2{
     padding: 3px 0 3px 0px;
     font-size: 13px;
     font-weight: normal;
     
 }

 .member-join .member-jointitle .member-joincheck2 span{
     padding: 0px 0px 0px 13px;
     font-size: 13px;
     font-weight: normal;     
 }

 .member-join .member-jointitle .member-joincheck input{
	margin: 0px 5px 0!important;	
}

.member-join .member-jointitle .member-joincheck2 input{
	margin: 0px 5px 0!important;	
}

 
 
 .member-join .member-joincheck2 a.btnMore {
     position: absolute;
     top: 40px;
     right: 14px;
     font-size: 11px;
     text-decoration: underline;
 }
 
 .member-join .contents1 {
     overflow: hidden;
     height: 90px;
     margin: 14px;
     color: #757575;
     font-size: 11px;
     line-height:20px;
 }



/******************************************************************/
/*   이용약관 개인정보 취급 
/******************************************************************/

body #popup12 {	
     background: #f1f1f1; 
 }
 
 #popup12 > div {	 
     position: relative;
 }
 
 #popup12 h2 {
     height: 36px;
     padding: 0 38px 0 7px;
     font-size: 15px;
     line-height: 36px;
     color: #fff;
     background: #4a5164;
	 font-weight: 400;
 }
 
 #popup12 .btnClose {
     position: absolute;
     right: 0;
     top: 0;
     z-index: 110;
     width: 36px;
     height: 36px;
     border: 0;
     padding: 0;
     font-size: 0;
     text-indent: 100%;
     background: url("../img/icon/ico_close_white.png") center center no-repeat;
     background-size: 14px 14px;
 }
 
 #popup12 .wrapper12 {	 
     padding: 14px 7px 7px;
     font-size: 12px;
     background: #fff;
 }

#popup12 {
     background: #f1f1f1;
     padding: 0 0 10px;
 }

#popup12 div.wrapper12 {
     background: #f1f1f1;
 }
 
 .member-joinagree #agreeTerms {
     display: block;
     min-height: 500px;
     height: auto;
     padding: 7px;
     border: 1px solid #ccc;
     border-radius: 2px;
     color: #353535;
     font-size: 12px;
     background: #fff;
 }


/******************************************************************/
/*  회원가입 폼
/******************************************************************/

 .member-joinstart {
     margin: 0px 9px 0px ;
 }
 
 .member-joinstart h4 {
     padding: 0 0 0 14px;
     line-height: 43px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     color: #508bed;
     background-color: #f0f0f0;
 }

 .member-joinstart .memberboardWrite {
     background-color: #fff;
 }

 .member-joinstart .memberboardWrite table{
     width:100%;
 }

 .member-joinstart .memberboardWrite th {
     width: 105px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: left;
     color: #757575;
 }


.member-joinstart .memberboardWrite tr{
	width:100%;
}

.member-joinstart .memberboardWrite td {
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }

 
 
 .member-joinstart .memberboardWrite a {
     font-size: 12px;
 }

.member-joinstart #user_id{
     
     text-align: center;
 }


.member-joinstart #user_post{
	width:70px;	
    padding:3px;
	line-height: 15px;
    text-align: center;
 }
 
 .member-joinstart #user_addr1,
 .member-joinstart #user_addr2{
     width: 95%;
     margin: 3px 0 0;
 }
 
 .member-joinstart #user_email1 {
     max-width: 42%;
     margin: 0 4px 3px 0;
     width: 70px;
 }
 
 .member-joinstart #user_email2 {
     max-width: 42%;
     margin: 0 4px 3px 4px;
     width: 70px;
 }
 
 .member-joinstart #user_email3 {
    width: 90px;
     height: 29px;
     margin: 0 4px 3px 0;
 }
 
 .member-joinstart #user_tel1,
 .member-joinstart #online_hp1{
     width: 70px;
	 margin: 0 2px;
     text-align: center;
 }
 

 .member-joinstart #user_tel2,
 .member-joinstart #user_tel3,
 .member-joinstart #online_hp2,
 .member-joinstart #online_hp3 {
     width: 50px;
     margin: 0 2px;
 }
 
.phonediv {	
	margin-top:3px;
	
}

.member-joinstart #phonecode{
	width: 30%
}

.memberjoin_form #user_id,
.memberjoin_form #user_pw,
.memberjoin_form #user_pw_check,
.memberjoin_form #user_name{
    width: 120px;
}

.borderh{
    width:105px;
}

@media screen and (max-width:380px){
    .member-joinstart .memberboardWrite th{
    width: 90px;
    padding: 7px 0 7px 5px;
    }

    .borderh{
        width:90px;
    }

}




/******************************************************************/
/*  회원가입 완료 스캔신청 완료 견적신청 완료
/******************************************************************/

.completion-from{	
	margin:0 4px 5px 0px;
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
    
	}

.completion-from .completionWrap {
     background: #fff;
	 max-width: 500px;
	 margin: 30px auto;
	 border:1px solid #aaa;
}

.completion-from .completionWrap .formjoinBox1 {
     position: relative;
    margin: 0px 0px 0;
    text-align: center;

	
 }
 
.completion-from .completionWrap .formjoinBox1 span {   
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 19px;
	font-weight: 600;
    display: block;
 }

 .completion-from .completionWrap .formjoinBox1 .korea_parcel {
    margin-top: 10px; 
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 19px;
	font-weight: 600;
    display: block;
 }

.completion-from .completionWrap .formjoinBox1 p{		
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 14px;
	font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.8;
}

.completion-from .completionWrap .formjoinBox2{		
	 padding: 0 0 0 0px;
     line-height: 43px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     color: #508bed;
     background-color: #f0f0f0;
	 margin-bottom: 20px; 
     
}



/******************************************************************/
/*   로그인 폼
/******************************************************************/
.member-login{
	margin: 5px;
    overflow: auto;
}

.member-login .loginWrap {
     background: #fff;
	 max-width: 500px;
	 margin: 30px auto 10px auto;
	 border:1px solid #aaa;	 
     border-radius: 5px;
 }

.member-login .loginHeader {
     padding-right: 14px;
 }
 
.member-login .loginHeader:after {
     content: "";
     display: block;
     clear: both;
 }

 .member-login .keyboard {
     line-height: 43px;
     text-align: right;
     margin-bottom: 10px;
 }

.member-login .keyboard .btnKey {
     position: relative;
     padding: 0 20px 0 0;
     color: #757575;
     font-size: 11px;
     cursor: pointer;
     border: 0;
     background: none;
 }

.member-login .keyboard .btnKey.korean {
     display: inline-block;
     margin: 0 14px 0 0;
 }

.member-login .keyboard .btnKey.special {
     display: inline-block;
     margin: 0;
 }
 
 .member-login .keyboard .btnKey:focus {
     outline: none;
 }
 
 .member-login .keyboard .btnKey:before {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     width: 13px;
     height: 8px;
     margin: -3px 0 0;
     background: url("../img/icon/ico_toggle_arrow_down.png") no-repeat 0 50%;
     background-size: 100% 100%;
 }
 
 .member-login .keyboard .btnKey.selected {
     color: #508bed;
     border: none;
 }
 
 .member-login .keyboard .btnKey.selected:before {
     background-image: url("../img/icon/ico_toggle_arrow_up.png");
 }
 
 .member-login .view {
     text-align: center;
 }
 
 .member-login .view > div {
     display: none;
     padding: 0 0 14px;
 }

 .member-login .formBox {
     position: relative;
     margin: 0px 14px 0;
     font-size: 11px;
 }

.member-login .formBox:after {
     content: "";
     display: block;
     clear: both;
 }

.member-login .formBox .form {
     margin: 0 0px 0 0;
 }

 .member-login .formBox .form input[type="text"],
 .member-login .formBox .form input[type="password"] {   
     width: 100%;
     height: 43px;
 }
 
 .member-login .formBox .form input[type="text"]{
     margin: 10px 0 0px;
 }
 
 .member-login .formBox .form input[type="password"]{
    margin: 10px 0 0px;
 }

.member-login .formBox .option {
     overflow: hidden;
     line-height: 43px;
     font-size: 13px;
 }

 .member-login .formBox .option > span {
     float: left;
	 margin: 0 10px 0 0;
}
 
 .member-login .formBox .option > span:last-child {
     margin-right: 0;
 }

 .member-login .formBox .option input[type="checkbox"] {
     width: 14px;
     margin: 0 3px 0 0;
     vertical-align: middle;
 }

.member-login .formBox1 span{
   font-family: 'Nanum Gothic', sans-serif;	 
 }

.member-login .formBox1 {
    position: relative;
    margin: 20px 14px 0;
    font-size: 16px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;   
 }

 .member-login .formBox1:after {
     content: "";
     display: block;
     clear: both;
 }

 .member-login .formBox1 .form {
     margin: 0 0px 0 0;
 }

 .member-login .member_id,
 .member-login .member_passwd {
     font-size: 15px;
 }

#member_form input:focus,
#member_form textarea:focus {
	outline:0;
	border:1px solid #999;
}

.option .save label{
    font-weight: 400;
}

/******************************************************************/
/*   회원탈퇴
/******************************************************************/

.member-login .member_passwd2 {
	 margin-top:7px;
     font-size: 15px;
 }

.member-login .formjoinBox1 {
    position: relative;
    margin: 0px 0px 0;
    text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
 }

.member-login .formjoinBox1 span{
   font-family: 'Nanum Gothic', sans-serif;
	font-size: 19px;
	font-weight: 600;
}

.member-login .formjoinBox1 p{
	margin-top: 30px;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 20px;
	
}

.member-login .formjoinBox3{		
	 padding: 0 0 0 14px;
     line-height: 43px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     color: #508bed;
     background-color: #f0f0f0;
	 margin-bottom: 15px; 
}




/******************************************************************/
/*  id pw찾기
/******************************************************************/

.member-login .formjoinBox2 {
    position: relative;
    margin: 0px 14px 0;
    text-align: center;
	padding-top: 5px;
	padding-bottom: 15px;
 }

.member-login .formjoinBox2 span{   
	font-size: 19px;
	font-weight: 400;
}

.member-login .formjoinBox2 p{
	margin-top: 10px;	
	font-size: 14px;
	font-weight: 400;
}

.formBox5{
	margin:0 4px 5px 0px;
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:15px;
}

.formBox5 .view{ 
	background: #fff;
	 height: 50px;
	 max-width: 500px;
	 margin: 0 auto;
	 border:1px solid #aaa;
     border-radius: 5px;
}

.formBox5 .view p{
	line-height: 47px;
	text-align: center;
	font-size:14px;
	margin: 0 auto;
	font-weight: 400;
}

.formBox5 .view span{
	font-size:18px;
	font-weight: 600;
    vertical-align: baseline;
}

.formBox6{
	 margin:0 4px 5px 0px;
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:15px;
}

.formBox6 .view{ 
	background: #fff;
	 height: 70px;
	 max-width: 500px;
	 margin: 0 auto;
	 border:1px solid #aaa;
     border-radius: 5px;
}

.formBox6 .view p{
	line-height: 32px;
	text-align: center;
	font-size:14px;
	margin: 0 auto;	
	font-weight: 400;
}

.formBox6 .view span{
	font-size:18px;
	font-weight: 600;
}



/******************************************************************/
/*  회원정보 변경
/******************************************************************/

.member-joinChange h4 {
     padding: 0 0 0 14px;
     line-height: 43px;
     border: 1px solid #d5d5d5;
     font-size: 13px;
     color: #508bed;
     background-color: #f0f0f0;
 }
 
 .member-joinChange {
     margin: 30px 9px 0px ;
     width: 80%;
    margin: 30px auto;
 } 

.member-joinChange .memberboardChange {
     background-color: #fff;
 }

.member-joinChange .memberboardChange span{
     font-size: 14px;	
 }

 .member-joinChange .memberboardChange table{
     width:100%;
 }
 
 .member-joinChange .memberboardChange th {
     width: 105px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: left;
     color: #757575;
 }

.member-joinChange .memberboardChange tr{
	width:100%;
}

 .member-joinChange .memberboardChange td {
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }

.member-joinChange .memberboardChange td.formChangetd {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }
 
 .member-joinChange .memberboardChange td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }

.member-joinChange .memberboardChange td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
 
 .member-joinChange .memberboardChange a {
     font-size: 11px;
 }


.member-joinChange #user_id{
     width: 120px;
     text-align: center;
 }


.member-joinChange #user_post{
     width:25%;	
     
	 
     text-align: center;	
 }
 
 .member-joinChange #user_addr1,
 .member-joinChange #user_addr2{
     width: 95%;
     margin: 3px 0 0;
 }
 
 .member-joinChange #user_email1 {
     max-width: 40%;
     margin: 0 4px 3px 0;
 }
 
 .member-joinChange #user_email2 {
     max-width: 45%;
     margin: 0 4px 3px 4px;
 }
 
 .member-joinChange #user_email3 {
     width: 97%;
     height: 29px;
     margin: 0 4px 3px 0;
 }
 
 .member-joinChange #user_tel1,
 .member-joinChange #online_hp1{
     width: 32%;
 }
 

 .member-joinChange #user_tel2,
 .member-joinChange #user_tel3,
 .member-joinChange #online_hp2,
 .member-joinChange #online_hp3 {
     width: 24%;
     margin: 0 4px;
 }
 
 
.member-joinChange #orderinfo_to_contents{
	width:95%;
	height:100px;
}

@media screen and (max-width:991px) {
    .member-joinChange {        
        width: 100%;
        
    } 
}





/******************************************************************/
/*  서비스 게시판
/******************************************************************/

/******************************************************************/
/*  공지사항 기업수주현황
/******************************************************************/


 .board-title h4 {
     padding: 0 0px 0 0px;
     line-height: 43px;     
     font-size: 15px;
     color: #335da3;
     background-color: #f0f0f0;
	 text-align: center;
     border: 1px solid #ccc;
     font-family: 'Nanum Gothic', sans-serif;
    font-weight: 600;
 }

.layout-mobileaction{margin-top:1px;}

.board-empty {
     padding: 28px 0;
     text-align: center;
     font-size: 12px;
     border-bottom: 1px solid #d5d5d5;
     background: #fff;
 }

.board-important {	
	width:100%;
     background: #fff;
     padding: 20px 0 0 0;
 } 
  
.board-notice {
     margin: 1px 0 0;
     font-size: 11px;
     border-top: 1px solid #c5c4c4;

     background: #fff;
 }


 
.board-notice li {     
		overflow: hidden;
     position: relative;
     padding: 11px 0 5px 5px;
     min-height: 40px;
     color: #757575;
     
     background: #ebebeb
 } 
 
.board-notice .summary {
     position: relative;
     padding: 0px 6px 0 6px;
 }
 
.board-notice .summary a {
	 font-family: "굴림", "Gulim", "Helvetica","Helvetica","Arial",sans-serif; 
	 font-size: 12px;
	 font-weight: 400;
   display: inline-block;
     color: #757575;
 }
 
 .board-notice .summary > a > span {
     position: relative;
     padding: 0 6px 0 0;
 }

 .board-notice .summary11 {     	
     float:right;
     padding: 0px 8px 0px 0px;     
 }
 
 .board-notice .subject {
     display: inline-block;
     padding: 3px 0 2px;
	   font-family: "굴림", "Gulim", "Helvetica","Helvetica","Arial",sans-serif;
	   font-weight: 600;
     font-size: 12px;
     line-height: 1.3em;
     color: #1b1b1b;
 }

 .board-notice .comment {
     color: #508bed;
 } 
 
 /* 게시판 일반 글 */
 
 .board-list {
     margin: -1px 0 0;
     font-size: 11px;
     border-top: 1px dotted #aaa;
     background: #fff;
 }
 
 .board-list li {
     overflow: hidden;
     position: relative;
     padding: 10px 0 5px 10px;
     min-height: 40px;
     color: #757575;
     border-bottom: 1px dotted #aaa;
 }
 
 .board-list .summary > a > span {
     position: relative;
     padding: 0 6px 0 6px;
 }
 
 .board-list .summary11 {    	
     float:right;
     padding: 0 15px 0px 0px;     
 }

.summary11 span{    	
    font-family: "굴림", "Gulim", "Helvetica","Helvetica","Arial",sans-serif;
}
 


 .board-list .subject {
	 font-family: "굴림", "Gulim", "Helvetica","Helvetica","Arial",sans-serif;
	 font-weight: 400;
     display: inline-block;

     font-size: 12px;
     line-height: 1.3em;
     color: #1b1b1b;     
 }

 

 .board-list .comment {
     color: #508bed;
 } 

.board-paging li{
	 overflow: hidden;
     position: relative;
     padding: 5px 0 5px 0px;
     color: #757575;
 } 
 
 /* 질문게시판 */
  .board-list11 {
     margin: -1px 0 0;
     font-size: 11px;
     border-top: 1px dotted #aaa;
     background: #fff;
 }
 
  .board-list11 li {
     overflow: hidden;
     position: relative;
     padding: 10px 0 5px 10px;
     min-height: 40px;
     color: #757575;
     border-bottom: 1px dotted #aaa;
 }
 
  .board-list11 .summary > a > span {
     position: relative;
     padding: 0 6px 0 6px;
 }
 
  .board-list11 .summary11 {    	
     float:right;
     padding: 0 15px 0px 0px;
 }
 
 
  .board-list11 .subject1 > a {
	 font-family: "굴림", "Gulim", "Helvetica","Helvetica","Arial",sans-serif;
	 font-weight: 400;
     display: inline-block;
     font-size: 12px;
     line-height: 1.3em;
     color: #1b1b1b;     
 }

 .subject1 img{
    vertical-align: top;
 }

.nt img{
    vertical-align: baseline;
    padding-right: 3px;
}
 
 
 
 
 
 
 
 
 /* 게시판 왼쪽 관리자 날짜 내려가게 만듬 */
  @media screen and (max-width:420px){
 	.board-notice .subject {
   display: block;  }
   
  .board-notice .summary11 {    
     float:none;
     padding: 0 15px 0px 3px;
 }

  .board-list .subject {
			display: block;  }
 
  .board-list .summary11 {    
     float:none;
     padding: 0 15px 0px 6px;
 }
 	.board-notice .summary a {
	 
  display: block;
   
 }
 
 .nt{
	display: inline-block;
	padding-left:30px;}
	
  .board-list .subject1 {
			display: block;  }
	
	
	
}



.sfrom {
    margin:auto;
    text-align:center;
    width:100%;
}



#boardSearchForm {
    display: inline-block;
    text-align: center;     
    width:500px;    
}
@media screen and (max-width:420px){
    #boardSearchForm {
        width:100%;   }
    }

 .board-search {
     margin: 0 0 29px;
     padding-top: 14px;
     padding-bottom: 14px;
     border-top: 1px solid #ececec;
     border-bottom: 1px solid #ececec;
     text-align: center;       
     width: 100%;   
 }

 .boardSearch{ 
    display: flex; 
    justify-content:center; 
    align-content: center;
    width: 100%;
 }

  .board-search .category {
  
    overflow: hidden;  
  width: 20%;  
 } 

 .board-search .keyword {
    
    padding: 0 10px 0 10px;
    width: 50%;
    
}
 
 .board-search .category select {
    width: 100%;
     margin: 0 0 7px;
 }

 .board-search input#search {
    width: 100%;
}

 
 .board-search .category select#product_category_depth1,
 .board-search .category select#product_category_depth3,
 .board-search .category select#search_date {
     
     width: 20%;
 }
 
 .board-search .category select#product_category_depth2,
 .board-search .category select#product_category_depth4,
 .board-search .category select#search_key {
    
     width: 100%;
     
 }
 .board-search .btnS {
    
    
    float: left;
     right: 0;
     top: 0;    
     
}
 .board-search .btnStrong {    
   
     right: 0;
     top: 0;     
}

.board-buttonlist { 
     margin: 17px 0;
     padding: 0px 14px 0 0;
     overflow: hidden;
     background: #fff;
	 text-align: right;	 
 }
 @media screen and (max-width:420px) {
   

 .board-list li {
    overflow: hidden;
    position: relative;
    padding: 10px 0 5px 0px;
    min-height: 40px;
    color: #757575;
    border-bottom: 1px dotted #aaa;
}
}

/******************************************************************/
/*  공지사항 뷰 1:1 상담 뷰 기업수주현황
/******************************************************************/
.content_border .product-detail{
    padding: 30px 00px 30px 00px;
}

.content_border4 .product-detail{
    padding: 30px 0px 0px 0px;
    max-width: 900px;    
    margin: 0 auto;    
}

.border_form1{
    padding-top: 20px;   
    margin-bottom: 50px;
}




@media screen and (max-width:683px) {
        .content_border .product-detail{
            padding: 10px 10px 10px 10px;
        }
    }

@media screen and (max-width:574px) {
            .content_border .product-detail{
                padding: 10px 0px 10px 0px;
            }
        }

/*   공지사항   */

.content_border .board-important{
    padding: 30px 20px 30px 20px;
}

@media screen and (max-width:990px) {
    .content_border .board-important{
        padding: 20px 20px 20px 20px;
    }
}

@media screen and (max-width:683px) {
        .content_border .board-important{
            padding: 10px 10px 10px 10px;
        }
    }

@media screen and (max-width:574px) {
            .content_border .board-important{
                padding: 10px 0px 10px 0px;
            }
        }

/*   기업수주현황   */

.content_border .board-listpackage{
    padding: 20px 20px 30px 20px;
}

@media screen and (max-width:990px) {
    .content_border .board-listpackage{
        padding: 20px 20px 20px 20px;
    }
}

@media screen and (max-width:683px) {
        .content_border .board-listpackage{
            padding: 10px 10px 10px 10px;
        }
    }

@media screen and (max-width:574px) {
            .content_border .board-listpackage{
                padding: 10px 5px 10px 5px;
            }
        }

 /*   FAQ   */

.content_border #content_faq{
    padding: 10px 70px 50px 70px;
}

@media screen and (max-width:990px) {
    .content_border #content_faq { 
        padding: 20px 20px 50px 20px;
    }
}

@media screen and (max-width:683px) {
        .content_border #content_faq {
            padding: 10px 10px 50px 10px;
        }
    }

@media screen and (max-width:574px) {
            .content_border #content_faq {
                padding: 10px 5px 50px 5px;
            }
        }

 /*   회원가입 동의   */

 .content_border #agree1{
    padding: 30px 70px 30px 70px;
}

@media screen and (max-width:990px) {
    .content_border #agree1 { 
        padding: 20px 20px 20px 20px;
    }
}

@media screen and (max-width:683px) {
        .content_border #agree1 {
            padding: 10px 10px 10px 10px;
        }
    }

@media screen and (max-width:574px) {
            .content_border #agree1 {
                padding: 10px 5px 10px 5px;
            }
        }

        /*   회원가입  */

 .content_border .border_form1{
    padding: 30px 0px 30px 0px;
}

@media screen and (max-width:990px) {
    .content_border .border_form1 { 
        padding: 20px 20px 20px 20px;
    }
}

@media screen and (max-width:683px) {
        .content_border .border_form1 {
            padding: 10px 10px 10px 10px;
        }
    }

@media screen and (max-width:574px) {
            .content_border .border_form1 {
                padding: 10px 5px 10px 5px;
            }


        }
        @media screen and (max-width:380px){
        .content_border .border_form1{
            padding: 10px 0px 10px 0px;
        }
    }

#titleArea {
     position: relative;     
     background-color: #fff;	   
        padding:0px 0px 0 0px;
 }
 
 #titleArea h2 {
     padding: 0 61px;
     line-height: 43px;
     font-size: 15px;
     color: #2e2e2e;
     text-align: center;
 }
 
 #titleArea span {
    position: absolute;
    top: 7px;
    left: 15px;
 }

 .title_area{
    display: flex;
    justify-content: space-between;
 }

.board-read .label {
     font-weight: normal;
 }
 
 .board-read .label.hide {
     display: none;
 }
 
 .board-read .title {
    padding: 15px 15px 15px 15px;
 }
 
 .board-read .title h3 {
	 font-family: 'Nanum Gothic', sans-serif;
	 font-weight: 600;
     font-size: 17px;
     word-wrap: break-word;
 }
 
 .board-read .info {     
     padding: 5px 5px 5px 0px;
 }
 
 .board-read .info p {
     position: relative;
     display: inline-block;
     padding: 0 7px 0 8px;
     margin: 9px 0 0;
     color: #757575;
 }
 
 .board-read .info p:first-child {
     padding-left: 0;
 }
 
 .board-read .info p:before {
     display: block;
     content: "";
     position: absolute;
     top: 2px;
     left: 0;
     width: 1px;
     height: 11px;
     background: #d6d6d6;
 }
 
 .board-read .info p.vote:before {
     top: 8px;
 }
 
 .board-read .info p:first-child:before {
     display: none;
 }
 
 .board-read .info p.chk {
     width: 100%;
     margin: 0;
 }
 
 .board-read .info p.vote a {
     margin: 0 0 0 7px;
 }
 
 .board-read .info .writer a {
     color: #757575;
 }
 
 .board-read .info .rating img {
     margin: -4px 0 0;
     width: auto;
     height: 11px;
 }
 
 .board-read .info .btnIcon img {
     width: 12px;
     height: 12px;
 }
 
 .board-read .content {    
	 margin: -1px 0 0;
     padding: 10px 30px 40px 20px;
     word-wrap: break-word;
     border-top: 1px solid #d5d5d5;
     border-bottom: 1px solid #d5d5d5;
     text-align: center;	 
 }

 .board-read .content .content_con{   
    text-align: left;
   
 }

 .board-read .content .content_con strong{   
    text-align: center;
    line-height: 2.7;
 }

 .boardRead_flex{
    display: flex;
 }

 .boardRead_flex .info{
    margin-left: auto;
 }

 @media screen and (max-width:557px) {
    .board-read .content{
        padding: 0px 15px 30px 15px;
    }
 }


 .board-read .content .content_con p{
    
    font-family: "굴림", "Gulim", "Helvetica","Helvetica","Arial",sans-serif;
 }
 
 .board-read .content p,
 .board-read .content div {
     text-align: left;	 
	 font-weight: 400;
     line-height: 3;
 }


 .board-read .content img {
     margin: 0 auto;
     max-width: 100%; 
 }
 
.board-read .content ul li {
     list-style: disc;	 
 }
 
 .board-read .btnArea {
     overflow: hidden;
     margin: 0 3%;
     padding: 14px 0;
     max-width: 94%;
 }

.board-movement {    
     display: flex;
     justify-content: center;
     align-items: center;    
     margin-top: 25px;
     margin-bottom: 30px;
 }
 
 .board-movement .boardMovement {
     overflow: hidden;
     margin: 0;
     font-size: 13px;
     line-height: 1.5em;
     border-top: 0px solid #d5d5d5;
    
     
     width:200px;
     display: flex;
     justify-content: center;
    align-items: center;
 }
 

 
 .board-movement li.prev {
     margin-bottom: -1px;
     border-bottom: 1px solid #ececec;
 }
 
 .board-movement li {
     overflow: hidden;
     padding: 6px 0 6px 60px;
     height: 30px;
 }
 
 .board-movement strong,
 .board-movement a {
     float: left;
     position: relative;
     height: 30px;    
 }
 
 .board-movement strong {
     left: -60px;
     margin-right: -60px;
     width: 40px;
     padding: 0 10px;
     color: #757575;
     font-weight: normal;
 }
 
 .board-movement a {
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }


/******************************************************************/
/*  비밀글
/******************************************************************/


 #contents {
     position: relative;
     background-color: #ffffff;
 }

.board-secure {     
     margin: 14px 7px 0;
     padding: 0 0 29px;
     line-height: 1.5;	
 }
 
 .board-secure h3 {
     color: #2e2e2e;
     background: #f0f0f0;
     border: 1px solid #d5d5d5;
     text-align: center;
     line-height: 43px;
	 font-size: 16px;
 }
 
 .board-secure .secret {
     margin: -1px 0 0;
     border: 1px solid #d5d5d5;
     background: #fff;
 }
 
 .board-secure .secret fieldset {
     margin: 0 auto;
     padding: 14px 28px;
     width: 280px;
 }
 
 .board-secure .info {
     padding: 0 0 14px 30px;
     background: url("../img/icon/ico_secret.png") no-repeat 0 4px;
     background-size: 17px 20px;
 }
 
 .board-secure .password label {
     display: none;
 }

.password{padding-left: 12px; text-align: center;}


/******************************************************************/
/*  1:1 상담글 쓰기
/******************************************************************/

.board-write {
     position: relative;
     margin: 0px 7px 0px 7px;
     font-size: 12px;
 } 

 .content_border1{
    padding-bottom: 20px;
    margin: 0 auto;
    width: 100%;
    min-width: 280px;
    max-width: 350px;
 }


.board-write .boardWrite {
     background-color: #fff;	 
 } 
 
.board-write .boardWrite table {
     width:100%;
 }

 .board-write .boardWrite th {
     width: 86px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: left;
     color: #757575;
 }
 
 .board-write .boardWrite tr{
	width:100%;	
}

.board-write .boardWrite td {
     padding: 7px 14px 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }

 .board-write .button {
     padding: 7px 14px;
     margin: 0;
 }
 
 .board-write .button a {
     font-size: 11px;
 }

 
 .board-write #online_email1 {
     max-width: 40%;
     margin: 0 4px 3px 0;
     width: 80px;
 }
 
 .board-write #online_email2 {
     width: 80px;
     margin: 0 4px 3px 4px;
 }
 
 .board-write #orderinfo_from_email3 {
     width: 100px;
     height: 29px;
     margin: 0 4px 3px 0;
 }
 
 .board-write #orderinfo_to_card1{
     width: 70px;
     margin: 0 4px 0 0;
 } 

 .board-write #online_hp2,
 .board-write #online_hp3{
     width: 50px;
     margin: 0 4px;
 } 
 
 .online_contents{
	width:100%;
	height:100px;	
}

.boardW{
    width:80px;
}

@media screen and (max-width:360px){
.board-write .boardWrite th{
    width:70px;
    padding: 7px 0 7px 5px;
}
.boardW{
    width:60px
}

}

@media screen and (max-width:290px){
    .content_border1{
         width: 100%;
        min-width: 280px;
        max-width: 350px;
     }
    
}

/******************************************************************/
/*   견적문의
/******************************************************************/


.board-listpackage .border_form {
     background-color: #fff;
 }

.board-listpackage .border_form table{
     width:100%;	
 }
 
.board-listpackage .border_form th {
     width: 100px;
     padding: 7px 0 7px 0px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: center;
     font-family: 'Nanum Gothic', sans-serif;
     color: #3f3f3f;
 }
 
.board-listpackage .border_form tr{
	width:100%;
}

.board-listpackage .border_form td {
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 14px;
     line-height: 1.5;
     font-family: 'Nanum Gothic', sans-serif;
     color: #3f3f3f;
 }

.board-listpackage .border_form td.radio01 {
     text-align: left;	
}

.board-listpackage .border_form td.radio02 {
	padding: 7px 0px 7px 5px;
  text-align: left;
	border-left:1px solid #d5d5d5;	
	font-size: 13px;
  font-weight: normal;
  color: #757575;
}



.board-listpackage .border_form td.radio02 input{
    margin: 0px 15px 0 5px;
}

.board-listpackage .border_form th.radio03 {
     text-align: center;
	border-left:1px solid #d5d5d5;
	padding: 7px 0 7px 0px!important;
}

.board-listpackage .border_form td.radio01 input[type="radio"]{
	padding: 0 13px 0 13px;
}
 
.board-listpackage .border_form td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }
 
.board-listpackage .border_form td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
.board-listpackage .border_form .button {
     padding: 7px 14px;
     margin: 0;
 }
 
.board-listpackage .border_form .button a {
     font-size: 11px;
 }

.order-form #inquiry_document_quality{
	width:120px;
}

.order-form #inquiry_document_type{
	width:120px;
}

.order-form #inquiry_document_restore{
	width:120px;
}

.order-form #inquiry_document_page{
    width:120px;
}
  
.order-form #inquiry_contents{
	width:100%;
	height:100px;
}




/******************************************************************/
/*  스캔 신청 및 작업 현황 등
/******************************************************************/

/******************************************************************/
/*  작업 현황
/******************************************************************/

.basketpackage {     
     padding: 0 0px 6px 0px;
 }

 .basketpackage .title h2 {
     padding: 0 0 0 14px;
     line-height: 43px;
     font-size: 13px;
     border-bottom: 1px solid #d5d5d5;
	 border-top:1px solid #d5d5d5;
     color: #508bed;
     background-color: #f0f0f0;
 }

 .basketpackage .nortit2 {     
	 padding: 10px 0px 10px 0px;     
     font-size: 13px;
	 border-top: 1px solid #ececec;     
     font-family: 'Nanum Gothic', sans-serif;
 }

.basketpackage .toggleArea {
     position: relative;
     margin: 14px 0 0;
 }

.basketpackage .contents{
     display: none;
     box-sizing: border-box;
     border: 1px solid #d5d5d5;
     border-top: 0;
 }
 
 .basketpackage .contents {
     display: block;
 } 
 
 .basketpackage .toggleArea > .title {
     position: relative;
     margin: 0;
     padding: 0 24px 0 14px;
     line-height: 43px;
     cursor: pointer;
     font-weight: bold;
     background-color: #f1f1f1;
     color: #1b1b1b;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 } 

 .basketpackage .prdInfo {
     padding: 7px 14px 0;
     border-bottom: 1px solid #d5d5d5;
     background-color: #fff;
 }

.basketpackage .description .prdName {
     display: block;
     margin: 0;
     font-size: 13px;
 }
 
 .basketpackage .description {
     position: relative;
     min-height: 30px;
     padding: 10px 0 0 0px;	 
 } 
 
 .basketpackage .description .prdName {
     display: block;
     margin: 0 0 14px;
     font-size: 16px;
	 font-family: 'Nanum Gothic', sans-serif;
	 font-weight: 500;	 
 }

.basketpackage .optionList > li {
     border-top: 1px solid #ececec;
 }

 .basketpackage .optionList .name {
     position: relative;
     padding: 14px 100px 28px 0;
     font-size: 13px;
 } 

 .basketpackage .optionList .name span{
    font-family: 'Nanum Gothic', sans-serif;
} 
 
 .basketpackage .prdTotal {
     padding: 14px 0 7px;
     border-top: 1px solid #ececec;
     font-size: 13px;
     text-align: right;
 }
 
 .basketpackage .prdTotal span {
     font-size: 11px;
 }
 
 .basketpackage .list .btnArea {
     margin: 0 auto;
     line-height: 43px;
}  

.basketpackage .optionList > li {
     border-top: 1px solid #ececec;
 }
 
.basketpackage .optionList .name {
     position: relative;
     padding: 12px 100px 14px 0;
     font-size: 13px;
 }

.selectorder {
     max-width: 100%;
     margin: 0 auto;
     padding: 7px 14px;
     overflow: hidden;
     font-size: 11px;
     text-align: right;
 }
 
 .selectorder .gLeft {     
	 float: left;
 }

.selectorder .gLeft1 a{
	 margin-left: 5px;
	 float: left;
 }

.selectorder .gLeft2{
	float: left;	
    height: 28px;
    line-height: 26px;
    margin: 0;    padding: 0 15px;
    cursor: pointer;
    vertical-align: middle;
    font-family: Verdana, "맑은 고딕", Malgun Gothic, "돋움", Dotum;
    font-size: 11px;
    font-weight: 400;
	color: #000 !important;
    border: 1px solid #c0c0c0;
    background: #f0f0f0;
    border-radius: 2px;
    box-sizing: border-box;
 }

.selectorder .gLeft span{	
	font-size: 12px;
}
 
 .selectorder a {
     font-size: 11px;
	 
 }

 .selectorder .gLeft:after {
     content: "";
     display: block;
     clear: both;
 }

 .contitle span{
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 12px;
 }

 .totalpro span{
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 12px;
 }

 .normtitle span{
    line-height: 1.4;
    vertical-align: baseline;
 }




/******************************************************************/
/*  신청서 시작
/******************************************************************/

/******************************************************************/
/*  신청 상단 토글 부분
/******************************************************************/

#moreMenu{ 
	display: black; 
}

.product-detail .toggleArea {
     position: relative;
     margin: 0px 0px 0px 0px;
     font-size: 12px;
}

.product-detail .toggleArea > .title12 {
     position: relative;
     padding: 14px 34px 14px 14px;
     cursor: pointer;
     line-height: 1.3em;
     background-color: #737782;
     color: #fff;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }

.product-detail .toggleArea > .title12:after{
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     width: 40px;
     height: 100%;
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
	background-image: url("../img/icon/ico_arrow_white.png");
}

.product-detail .toggleArea.selected > .title12:after {
    transform: rotate(180deg);
 }
 
.product-detail .toggleArea.disable > .title12:after {
        background-image: none !important;
     
 }

.product-detail .toggleArea > .title12 h3 {
     display: inline-block;
     font-size: 14px;
 }

 .product-detail .toggleArea > .title12 span {
      padding-left:3px;
 }

/******************************************************************/
/*  주문내역
/******************************************************************/

.product-detail .prdInfo1 {
	 background: #ffffff;
     margin: 9px 0 9px 0;
	 border:0px solid #ccc;
     padding: 5px 0 0 0;	
 }

.product-detail .prdInfo1 table {
	width:100%;	
}

.product-detail .prdInfo1 .line51{
	border-bottom:1px solid #ccc;
	padding-bottom: 5px;
}

.product-detail .prdInfo1 table tbody.priceArea{
	border: 1px solid #ccc;
	width:100%;	
}
 
.product-detail .prdInfo1 table tbody.priceArea tr{
     width: 100%;
	 border-top: 1px solid #ccc;
	 height:25px;
	font-size:13px;
	color:#000000;
}

.product-detail .prdInfo1 table tbody.priceArea td.ssub{
     border-bottom: 0px solid #ccc;	
}

.product-detail .prdInfo1 table tbody.priceArea tr.col11{
     border-bottom: 0px solid #ccc;
	}

.product-detail .prdInfo1 table tbody.priceArea th {
     width: 100px;
     padding-left: 14px;
     font-weight: normal;
     text-align: left;
     color: #000000;
	 border-right:1px solid #ccc;
 }

.product-detail .prdInfo1 table tbody tr.scatitle th{
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-weight: 500;
	background-color:#c3c3c3;;
	color:#000000;
}

.product-detail .prdInfo1 tbody.priceArea td {
     text-align: left;
     padding-left:20px;
 }

 .product-detail .prdInfo1 table tbody.priceArea1 tr.con1{
	width:100%;
	height:20px;
	}

.product-detail .prdInfo1 table tbody.priceArea1 tr.con1 td{
	width:50%;
	text-align: center;
	border-bottom: 1px solid #ccc;	
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; 
	color:#000000;
    padding: 8px 0 8px 0;
    font-size: 1.3rem;
	}

.product-detail .button {
     padding: 7px 0px;
     margin: 14px 0 8px 0;
 }
 
.product-detail .button a {
     font-size: 11px;
 }


/******************************************************************/
/*  주문수정
/******************************************************************/

.product-detail .prdInfo2 {
	 background: #fff;
     margin: 0px;
	 border-top:0px solid #ccc;
	 padding:0px;	
 }

.product-detail .prdInfo2 table td.price input {
     width: 98%;
 }

.product-detail .prdInfo2 table td.price select {
     width: 98%;
 } 

.product-detail .prdInfo2 table {
	width:100%;	
}

.product-detail .prdInfo2 table tbody.priceArea{
	border: 1px solid #ccc;
	width:100%;	
}
 
.product-detail .prdInfo2 table tbody.priceArea tr{
     width: 100%;
	 border-top: 1px solid #ccc;
	font-size:13px;
	 height:25px;
}

.product-detail .prdInfo2 table tbody.priceArea td.ssub{
     border-bottom: 0px solid #ccc;
	 height:35px;	
}

.product-detail .prdInfo2 table tbody.priceArea td{
     padding: 5px 5px 5px 0px;	
}

.xans-product-detail .prdInfo2 table tbody.priceArea tr.col11{
     border-bottom: 0px solid #ccc;
	}

.product-detail .prdInfo2 table tbody.priceArea th {
     width: 100px;
     padding-left: 14px;
     font-weight: normal;
     text-align: left;
     color: #424242;
	 border-right:0px solid #ccc;
 }

.product-detail .prdInfo2 table tbody tr.scatitle1 th{
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-weight: 500;
	background-color: #c3c3c3;
	
	color:#000;
}

.product-detail .prdInfo2 tbody.priceArea2 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width:100%;
}

.product-detail .prdInfo2 tbody.priceArea2 td {
     text-align: center;     
 }

.product-detail .prdInfo2 table tbody.priceArea2 tr.con1{
	width:100%;
	height: 30px;
}
.product-detail .prdInfo2 table tbody.priceArea2 tr.con1 td{
	width:25%;
}

.product-detail .prdInfo2 table tbody.priceArea2 tr.con1 td.contitle{
	width:38%;
	text-align: center;
	font-size:12px;
	}

.product-detail .prdInfo2 table tbody.priceArea2 tr.con1 td.contitle1{
	width:12%;
	margin:0!important;
}

.product-detail .prdInfo2 table tbody.priceArea2 tr.con1 td.contitle1 input[type=checkbox]{
	margin:0!important;
}

/******************************************************************/
/*  신청폼
/******************************************************************/


.product-detail .prdInfo {
	 background: #fff;
     margin: 9px 0 9px 0;
	 border-top:0px solid #ccc;	 
}

.product-detail .prdInfo .line51{
	border-bottom:1px solid #ccc;
	padding-bottom: 0px;
}

.product-detail .prdInfo table td.price input {
     width: 100%;
 }

.product-detail .prdInfo table td.price select {
     width: 100%;
 } 

.product-detail .prdInfo table {
	width:100%;
}

.product-detail .prdInfo table tbody.priceArea{
	border: 1px solid #ccc;
	width:100%;
}

.product-detail .prdInfo table tbody.priceArea tr{
     width: 100%;
	 border-top: 1px solid #ccc;
	 height:25px;
}

.product-detail .prdInfo table tbody.priceArea td.ssub{
     border-bottom: 0px solid #ccc;
	 height:35px;
}

.product-detail .prdInfo table tbody.priceArea td{
     padding: 5px 5px 5px 0px;	
}

.product-detail .prdInfo table tbody.priceArea tr.col11{
     border-bottom: 0px solid #ccc;
}

.product-detail .prdInfo table tbody.priceArea th {
     width: 100px;
     padding-left: 14px;
     font-weight: normal;
     text-align: left;
     color: #424242;
	 border-right:0px solid #ccc;
 }

.product-detail .prdInfo table tbody tr.scatitle th{
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-weight: 500;
	background-color:#CFCFCF;
	color:#424242;
}

.product-detail .prdInfo tbody.priceArea1 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width:100%;
}

.product-detail .prdInfo tbody.priceArea1 td {
     text-align: center;     
 }

.product-detail .prdInfo table tbody.priceArea1 tr.con1{
	width:100%;
	height: 30px;
}

.product-detail .prdInfo table tbody.priceArea1 tr.con1 td{
	width:25%;
}

.product-detail .prdInfo table tbody.priceArea1 tr.con1 td.contitle{
	width:38%;
	text-align: center;
	font-size:12px;
}

.product-detail .prdInfo table tbody.priceArea1 tr.con1 td.contitle1{
	width:12%;
	margin:0!important;
}

.product-detail .prdInfo table tbody.priceArea1 tr.con1 td.contitle1 input[type=checkbox] {
	margin:0!important;
}

/******************************************************************/
/*  금액 안내
/******************************************************************/
.forminfowrap{
    display: flex;
    width: 100%;
    height:150px;
    margin-top: 10px;
 }

 .forminfowrap1{
    display: flex;
    width: 100%;
    height:130px;
 }

.formInfo{
	margin:0px 0px 0px 0px;
	text-align: right;
	height:100%;
	background-color: #f0f0f0;
    border: 1px solid #ccc;
	line-height: 1.8;
	color:#323232;
    padding: 10px 15px 10px 0;
    font-family: "Dotum";
    width: 50%;
}

.formInfo2{	
	text-align: right;	
	background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 0px solid #ccc;
	line-height: 1.8;
	color:#323232;
    padding: 8px 20px 10px 0;
    width: 50%;
}


.formInfo3{
	margin:20px 0px 0px 0px;
	text-align: right;
	height: 100%;
	background-color: #f0f0f0;
    border: 1px solid #ccc;   
	line-height: 1.8;
	color:#323232;
    padding: 8px 20px 10px 0;
    width: 100%;
}

.formInfo4{
	margin:0px 0px 0px 0px;
	text-align: right;
	height: 100%;
	background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 0px solid #ccc;
	line-height: 1.8;
	color:#323232;
    padding: 8px 20px 10px 0;
    width: 50%;
}

.formInfo p,
.formInfo span,
.formInfo2 p,
.formInfo2 span,
.formInfo3 p,
.formInfo3 span,
.formInfo4 p,
.formInfo4 span,
.totalpro5 p,
.totalpro5 span,
.totalpro6 p,
.totalpro6 span,
.totalpro p,
.totalpro span,
.Other_payments p,
.point_payments p
{
    font-family: "Dotum";
    font-size: 12px;
}

.textright{
    text-align: right !important;
    padding-right: 20px !important;
}

.totalpro{
	margin:10px 0px 0px 0px ;
	text-align: right;	
	background-color: #f0f0f0;
    border: 1px solid #ccc;
	line-height: 1.8;
	color:#323232;	
    padding: 10px 15px 10px 0;
    width: 50%;
}

.totalpro5{	
	text-align: right;
	height:100%;
	background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 0px solid #ccc;
	line-height: 1.8;
	color:#323232;	
    padding: 20px 20px 8px 0;
    width: 50%;
}

.totalpro6{
	margin:0px 0px 0px 0px ;
	text-align: right;
	height:100%;
	background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 0px solid #ccc;
    line-height: 1.8;
	color:#323232;	
    padding: 10px 20px 8px 0;
    width: 50%;
}

.Other_payments,
.point_payments{   
    border: 1px solid #ccc;
}
.Other_payments p,
.point_payments p{
    font-size: 13px;
    padding:5px 0 5px 10px;
}

.Other_payments .other1{
    background: #F1F1F1;
    padding-left:10px;
    font-size:13px;
    font-weight: 600;
    color: #666666;
}

.point_wrap{
    margin-top:10px;
}

.point_payments .other1{   
    background: #F1F1F1;
    padding-left:10px;
    font-size:13px;
    font-weight: 600;
    color: #666666;
}

.point_title{
    background: #F1F1F1;
    padding-left:10px;
    font-size:13px;
    font-weight: 600;
    color: #666666;
}


.point_grid{
    font-size: 13px;
    padding: 5px 0 5px 10px;
    border-top: 1px solid #ccc;
    font-size:13px;
    font-weight: 500;
}

.point_grid input[type="text"]{
    height: 25px;
    max-width: 90px;
}

.point_grid span{
    padding:0 5px 0 5px;
    font-family: "Dotum";
}




@media screen and (max-width:699px){
    .forminfowrap1{
        display: flex;
        width: 100%;
        height:100%;
        flex-direction:column;
     }
     .formInfo4{
        margin:10px 0px 0px 0px ;
        width: 100%;
        border-left: 1px solid #ccc;
    }

    .totalpro6{
        width: 100%;
        border-right: 1px solid #ccc;
    }
}




@media screen and (max-width:481px){
    .forminfowrap{
        display: flex;
        width: 100%;
        height:100%;
        flex-direction:column;
     }

    .formInfo2{
        width: 100%;
        border-left: 1px solid #ccc;
    }

    .totalpro5{
        width: 100%;
        border-right: 1px solid #ccc;
    }
}





/******************************************************************/
/*  배송
/******************************************************************/

.product-detail .prdOption {
     border: 1px solid #ccc;
     background: #fff;
     margin:20px 0px 20px 0px ;
 }

.product-detail .prdOption table th {
     width: 150px;
	 padding-left: 14px;
	 font-weight: normal;
     text-align: left;
     color: #757575;
 }

.product-detail .prdOption table tr {
     border-top: 1px solid #ececec;
 }

.product-detail .prdOption table{
     width:100%;
 }

.product-detail .prdOption table tr{
     border-top: 1px solid #ececec;	 
 }

.product-detail .prdOption table tr:first-child {
     border-top: 0;
 }

.product-detail .prdOption table td {	 
     text-align: left;
     padding: 5px 2px 5px 2px;
 }

.product-detail .prdOption table td input{
	 width: 98%;
}
 
.product-detail .prdOption table td select {
     width: 100px;
 }


/******************************************************************/
/*  주문자 배송지 토글 부분
/******************************************************************/

 .order-form .toggleArea1 {
     position: relative;
     margin: 7px 0 0;
     font-size: 12px;
 }
 
 .order-form .toggleArea1 > .title {
     position: relative;
     padding: 14px 34px 14px 14px;
     cursor: pointer;
     line-height: 1.3em;
     background-color: #737782;
     color: #fff;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }
 

 
 .order-form .toggleArea1.selected > .title:after{
     transform: rotate(180deg);
 }
 
 .order-form .toggleArea1.disable > .title:after{
     background-image: none !important;
 }
 
 .order-form .toggleArea1 > .title h2 {
     display: inline-block;
     font-size: 13px;
 }
 
 .order-form .toggleArea1 > .contents {
     display: none;
     box-sizing: border-box;
     border: 1px solid #d5d5d5;
     border-top: 0;
     border-bottom: 0;
 }
 
 .order-form .toggleArea1.selected > .contents,
 .order-form .toggleArea1.disable > .contents {
     display: block;
 }
 
 .order-form .toggleArea1 .toggleArea1 .title,
 .order-form .toggleArea1 .toggleArea1 .contents {
     border: 0;
 }
 
 .order-form .priceArea .toggleArea1 > .title:after {
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     width: 40px;
     height: 100%;
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
     background-image: url("../img/icon/ico_arrow_white.png");
 }

/******************************************************************/
/*  주문자 배송지
/******************************************************************/


 .order-form .title {
     padding: 21px 34px 14px 14px;
     background-color: #737782;
     color: #fff;
 }
 
 .order-form .title h3,
 .order-form .title p {
     display: inline;
     font-size: 13px;
 } 


 .order-form .recipient  .title41{
    padding: 0 0px 0 0px;
    line-height: 43px;
    font-size: 15px;
    color: #335da3;
    background-color: #f0f0f0;
    text-align: center;
    border: 1px solid #ccc;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 600;
}

 .order-form .recipient h4 {
     padding: 0 0 0 14px;
     line-height: 43px;
     border: 1px solid #ccc;
     font-size: 13px;
     color: #508bed;
     background-color: #f0f0f0;
 }

 .order-form {
     margin: 0px 0px 0;
 }
 
 .order-form .boardWrite {
     background-color: #fff;
 }

 .order-form .boardWrite table{
     width:100%;
 }
 
 .order-form .boardWrite th {
     width: 86px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: left;
     color: #757575;
 }
 
.order-form .boardWrite tr{
	width:100%;
}

 .order-form .boardWrite td {
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }


 .order-form .boardWrite td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }
 
 .order-form .boardWrite td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
.order-form .boardWrite table td input[type=checkbox] {
	margin:0!important;
}

.order-form .boardWrite table td span {
 font-family: Verdana, "맑은 고딕", Malgun Gothic, "돋움", Dotum;
    font-size: 12px;
	vertical-align: middle;
    font-weight: 400;
	line-height: 26px;
}

  .order-form .button {
     padding: 7px 14px;
     margin: 0;
 }
 
 .order-form .button a {
     font-size: 11px;
 }

.order-form #orderinfo_from_post,
.order-form #orderinfo_to_post,
.border_form1 #user_post,
.border_form1 #inquiry_post{
     width: 70px;
     text-align: left;
 }
 
 .order-form #orderinfo_from_addr1,
 .order-form #orderinfo_from_addr2,
 .order-form #orderinfo_to_addr1,
 .order-form #orderinfo_to_addr2,
 .border_form1 #user_addr1,
 .border_form1 #user_addr2,
 .border_form1 #inquiry_addr1,
 .border_form1 #inquiry_addr2{
     width: 350px;
     margin: 3px 0 0;
 }
 
 .order-form #orderinfo_from_email1 {
     max-width: 110px;
     width: 110px;
     margin: 0 0px 0px 0;
 }
 
 .order-form #orderinfo_from_email2 {
     max-width: 110px; 
     width: 110px;
     margin: 0 0px 0px 0px;
 }
 
 .order-form #orderinfo_from_email3 {     
     height: 29px;
 }


 .order-form #orderinfo_to_tel1,
 .order-form #orderinfo_to_card1{
    width: 70px;
    margin: 0 0px 0px 0;
 } 
 .order-form #orderinfo_from_tel1,
 .order-form #orderinfo_from_card1,
 .order-form #orderinfo_from_tel2,
 .order-form #orderinfo_from_tel3,
 .order-form #orderinfo_to_tel2,
 .order-form #orderinfo_to_tel3,
 .order-form #orderinfo_from_card2,
 .order-form #orderinfo_from_card3,
 .order-form #orderinfo_to_card2,
 .order-form #orderinfo_to_card3 {
     width: 70px;    
	  margin: 0 0px 0px 0;
 } 
 
.order-form #orderinfo_to_contents{
	width:95%;
	height:80px;
}

@media screen and (max-width:500px){
.order-form #orderinfo_from_addr1,
.order-form #orderinfo_from_addr2,
.order-form #orderinfo_to_addr1,
.order-form #orderinfo_to_addr2,
.border_form1 #user_addr1,
.border_form1 #user_addr2,
.border_form1 #inquiry_addr1,
.border_form1 #inquiry_addr2{
    width: 250px;
    margin: 3px 0 0;
}
}



/******************************************************************/
/*  주문 내역 배송지
/******************************************************************/

.product-detail .toggleArea2 {
     position: relative;
     margin: 15px 0px 0px 0px;
     font-size: 12px;
}

.product-detail .toggleArea2 > .title12 {
     position: relative;
     padding: 14px 34px 14px 14px;     
     line-height: 1.3em;
     background-color: #737782;
     color: #fff;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }

.product-detail .toggleArea2 > .title12 h3 {
     display: inline-block;
     font-size: 14px;
 }

.order-form .boardWrite td span {
	font-size: 13px;
	font-family: "Noto Sans KR" , sans-serif;
	color: #323232;
}

.product-detail .toggleArea3 {
     position: relative;
     margin: 0px 0px 0px 0px;
     font-size: 12px;
}

.product-detail .toggleArea3 > .title12 {
     position: relative;
     padding: 14px 34px 14px 14px;     
     line-height: 1.3em;
     background-color: #737782;
     color: #fff;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }

.product-detail .toggleArea3 > .title12 h3 {
     display: inline-block;
     font-size: 14px;
 }

.formInfo1{
	margin:17px 8px 0px 8px;
	text-align: center;
	height:100%;
	background-color: #ccc;
	line-height: 23px;
	color:#323232;
	font-size:13px;
    
}

.totalpro1{	
	margin:20px 0px 0px 0px ;
	text-align: right;
	height:100%;
	background-color: #ECECEC;
	line-height: 20px;
	color:#323232;	
	padding-right:10px;
}

.totalpro1 table{
	width:100%;
}

.totalpro1 table td{
	font-size:12px;
	font-weight: 400;
}
.totalpro1 table td span{
	font-family: 'Nanum Gothic', sans-serif;
	font-size:13px;
	font-weight: 600;
	padding-left:3px;
}

.totalpro p{
	font-family: 'Nanum Gothic', sans-serif;
	font-size:13px;	
}

.totalpro2{
	margin:10px 8px 0px 8px ;
	text-align: right;
	height:100%;
	background-color: #ECECEC;
	line-height: 25px;
	color:#323232;	
	padding-right:10px;
}

.totalpro2 table{
	width:100%;
}

.totalpro2 table td{
	font-size:12px;
	font-weight: 400;
}
.totalpro2 table td span{
	font-family: 'Nanum Gothic', sans-serif;
	font-size:13px;
	font-weight: 600;
	padding-left:3px;
	color:#4D4D4D;
}

.totalpro2 p{
	font-family: 'Nanum Gothic', sans-serif;
	font-size:15px;	
	font-weight: 600;
}

.totalpro2 td.totalpro3{width:50%;}



.line52{
	border-bottom:1px solid #ccc;
	padding: 5px;
}

.totalpro3{
	margin:10px 8px 0px 8px ;
	text-align: right;
	height:100%;
	border-bottom: 1px solid #ccc;
	line-height: 25px;
	color:#323232;	
	padding-right:10px;
}

.totalpro3 span{
	color: #757575;
	font-size: 14px;
	padding-left: 10px;
}




@media screen and (max-width:494px) {
    .order-form #orderinfo_from_addr1, .order-form #orderinfo_from_addr2, .order-form #orderinfo_to_addr1, .order-form #orderinfo_to_addr2,
    .border_form1 #user_addr1,
    .border_form1 #user_addr,
    .border_form1 #inquiry_addr1,
    .border_form1 #inquiry_addr2{
        width: 90%;
    margin: 3px 0 0;
    }
}

@media screen and (max-width:400px) {
    .order-form #orderinfo_from_addr1, .order-form #orderinfo_from_addr2, .order-form #orderinfo_to_addr1, .order-form #orderinfo_to_addr2{
        width: 100%;
    margin: 3px 0 0;
    }
}




/******************************************************************/
/*   복원 신청
/******************************************************************/

.product-detail1{
 
    padding-top: 20px;
}
.product-detail1 .prdInfo3 {
	 background: #fff;
     margin-top:10px;
	padding: 0 7px 0 7px;
	 border:0px solid #ccc;
	 
 }

.product-detail1 .prdInfo3 table {
	width:100%;	
	border:1px solid #ccc;
}

.product-detail1 .prdInfo3 .line51{
	border-bottom:1px solid #ccc;
	padding-bottom: 5px;
}

.product-detail1 .prdInfo3 table tbody.priceArea{
	border: 0px solid #ccc;
	width:100%;	
}
 
.product-detail1 .prdInfo3 table tbody.priceArea tr{
     width: 100%;
	 border-top: 0px solid #ccc;
	 height:25px;
	font-size:13px;
	color:#707070;
}

.product-detail1 .prdInfo3 table tbody.priceArea td.ssub{
     text-align: center;
}

.product-detail1 .prdInfo3 table tbody.priceArea tr.col11{
     border-bottom: 0px solid #ccc;
	}

.product-detail1 .prdInfo3 table tbody.priceArea th {   
     font-weight: normal;
     text-align: center;
     color: #757575;
	 border-right:0px solid #ccc;
 }

.product-detail1 .prdInfo3 table tbody tr.scatitle th{
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-weight: 500;
	background-color:#CFCFCF;
	color:#424242;
}

.product-detail1 .prdInfo3 tbody.priceArea td {
     text-align: center;
	 border:1px solid #ccc;
     
 }

 .product-detail1 .prdInfo3 table tbody.priceArea tr.con1{
	width:100%;
	height:20px;
	}

.product-detail1 .prdInfo3 table tbody.priceArea tr.con1 td{
	width:50%;
	text-align: center;
	border-bottom: 0px solid #ccc;
	font-size:12px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; 
	color:#707070;
	}

.product-detail1 .button {
     padding: 7px 0px;
     margin: 14px 0 8px 0;
 }
 
.product-detail1 .button a {
     font-size: 11px;
 }

.line53{
	border-bottom:1px solid #ccc;	
	margin: 15px 0px 15px 0px;	
}

.prdInfo4 .line54{
	font-size: 15px;
}

.product-detail1 .prdInfo4 {
	 background: #fff;
     margin-top:10px;
	padding: 0 7px 0 7px;
	 border:0px solid #ccc;
	 
 }

 .prdInfo4 .board-title h4 {
     padding: 0 0 0 0px;
    line-height: 43px;
    font-size: 15px;
    border: 1px solid #d5d5d5;    
    color: #508bed;
    background-color: #f0f0f0;
	 margin-bottom: 5px;
     
 }

.product-detail1 .prdInfo4 table {
	width:100%;	
	border:1px solid #ccc;
}

.product-detail1 .prdInfo4 table tbody.priceArea{
	border: 0px solid #ccc;
	width:100%;	
}
 
.product-detail1 .prdInfo4 table tbody.priceArea tr{
     width: 100%;
	 border-top: 0px solid #ccc;
	 height:25px;
	font-size:13px;
	color:#707070;
}

.product-detail1 .prdInfo4 table tbody.priceArea td.ssub{
     text-align: center;
}

.product-detail1 .prdInfo4 table tbody.priceArea tr.col11{
     border-bottom: 0px solid #ccc;
	}

.product-detail1 .prdInfo4 table tbody.priceArea th {
     
     
     font-weight: normal;
     text-align: center;
     color: #757575;
	 border-right:0px solid #ccc;
 }

.product-detail1 .prdInfo4 table tbody tr.scatitle th{
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-weight: 500;
	background-color:#CFCFCF;
	color:#424242;
}

.product-detail1 .prdInfo4 tbody.priceArea td {
     text-align: center;
	 border:1px solid #ccc;
     
 }

 .product-detail1 .prdInfo4 table tbody.priceArea tr.con1{
	width:100%;
	height:20px;
	}
/******************************************************************/
/*   버튼 area
/******************************************************************/

.btnArea {     
     text-align: center;
     font-size: 0;
     line-height: 0;
     letter-spacing: -4px;
     box-sizing: border-box;
     vertical-align: top;
 }
 
 .btnArea:after {
     content: "";
     display: block;
     clear: both;
 }
 
 .btnArea > a:first-child,
 .btnArea > button:first-child {
     margin-left: 0;
 }
 .btnArea > a,
 .btnArea > span,
 .btnArea > button {
     position: relative;
     display: inline-block;
     letter-spacing: 0;
     text-align: center;
     cursor: pointer;
     font-family: 'Nanum Gothic', sans-serif;
     font-weight: bold;
     border-radius: 2px;
     box-sizing: border-box;
 }


/******************************************************************/
/*   원버튼
/******************************************************************/

.btnArea.type1 {
	width: 100%;
     padding: 30px 3px;
 }
 
 .btnArea.type1 > a,
 .btnArea.type1 > button {
     width: 120px;
     height: 35px;
     margin: 0;
     font-size: 13px;
     line-height: 22px;
     font-weight: normal;
 }

 .btnArea.type11 {
	width: 100%;
     padding: 20px 3px;
 }
 
 .btnArea.type11 > a,
 .btnArea.type11 > button {
     width: 120px;
     height: 35px;
     margin: 0;
     font-size: 13px;
     line-height: 22px;
     font-weight: normal;
 }
 




/******************************************************************/
/*   투버튼
/******************************************************************/

.btnArea.type2 {
	width: 100%;
	margin: 20px auto 20px;
  padding: 0 3px;
 }
 
 .btnArea.type2 > a,
 .btnArea.type2 > button {
     width: 100px;
     height: 35px;
     margin: 0;
     font-size: 13px;
     line-height: 35px;
     font-weight: normal;
 }


 
 .btnArea.type2 > a:nth-child(1),
 .btnArea.type2 > button:nth-child(1) {
     left: -3px;
 }
 
 .btnArea.type2 > a:nth-child(2),
 .btnArea.type2 > button:nth-child(2) {
     right: -3px;
 }
 
 .btnArea .btnSubmit {
    width: 250px;
     height: 35px;     
     color: #fff;
     border: 1px solid #5E5E5E;
     background: #5E5E5E;
 }
 
 .btnArea .btnEm {
     height: 35px;
     line-height: 50px;
     border: 1px solid #ddd;
     background: #fff;
 }


 .btnArea .btnnaver {
    width: 120px;
     height: 35px;     
     color: #fff;
     border: 1px solid #5E5E5E;
     background: #5E5E5E;
 }

 .btnArea .btnkakao {
    width: 120px;
     height: 35px;     
     color: #fff;
     border: 1px solid #5E5E5E;
     background: #5E5E5E;
 }

 .loginlflex{
    display: flex;
    flex-direction: column;
    justify-content: center;
 }

 .btnArea.type0 > a, .btnArea.type0 > button{
    width: 100%;
    height: 35px;
    margin: 0;
    font-size: 13px;
    line-height: 22px;
    font-weight: normal;
 }

.type0{
    width: 100%;
    padding: 10px 25px;
    display: block;
    margin:0 auto;
 }

 .btnwrab{
    margin-top: 20px;
 }

.snslogin{
    margin-bottom: 30px;
}

 .btnlogin{
 border: 1px solid #5E5E5E;
 background: #5E5E5E;
 width: 100%;
    font-size: 14px;   
    font-weight: normal;
    color:#fff !important;
    font-family: 'Malgun Gothic', 'sans-serif';
}

 .snsloginmargin{
    margin-bottom: 10px;
 }

 .btn3{    
    display: block;
    border-radius: 0px;
    letter-spacing: 0px;    
    font-weight: normal;
    font-style: normal;
    padding: 10px 25px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
 }

 .btn3.naverwrabbut{
 background-color: #27d34a !important;
    border-color: #27d34a !important;
    background-image: url(/img/icon/naver_login2x.png);
    background-size: 16px;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    color: #fff !important;
    font-size: 14px;
    font-family: 'Malgun Gothic', 'sans-serif';
}

.btn3.kakaowrabbut{
    background-color: #FFEB00 !important;
    border-color: #27d34a !important;
    background-image: url(/img/icon/kakao_icon.png);
    background-size: 20px;
    background-position: 12px 49%;
    background-repeat: no-repeat;
    color: #3c1e1e !important;
    border-color: #FFEB00 !important;
    font-size: 14px;
    font-family: 'Malgun Gothic', 'sans-serif';
}




/******************************************************************/
/*   게시판 목록 버튼
/******************************************************************/

.btnArea.type3 {	
     padding: 0 10px;
 }
 
 .btnArea.type3 > a,
 .btnArea.type3 > button {
     width: 100%;
     height: 44px;
     margin: 0;
     font-size: 14px;
     line-height: 32px;
     font-weight: normal;
 }
 
 .btnArea.type3 > a:nth-child(1),
 .btnArea.type3 > button:nth-child(1) {
     left: -3px;
 }
 
 .btnArea.type3 > a:nth-child(2),
 .btnArea.type3 > button:nth-child(2) {
     right: -3px;
 }

/* =====================================================*/
/* 신청 수정 완료 버튼   		                     	 */
/* =====================================================*/

.btnArea.type4 {
	width: 100%;
     padding: 0 3px 10px;
 }
 
 .btnArea.type4 > a,
 .btnArea.type4 > button {
     width: 100px;
     height: 30px;
     margin: 0;
     font-size: 12px;
     line-height: 22px;
     font-weight: normal;
 }
 
 .btnArea.type4 > a:nth-child(1),
 .btnArea.type4 > button:nth-child(1) {
     left: -3px;
 }
 
 .btnArea.type4 > a:nth-child(2),
 .btnArea.type4 > button:nth-child(2) {
     right: -3px;
 }

.btnArea .btnSubmit3 {
     height: 60px;
     line-height: 50px;
     color: #fff;
     border: 0px solid #ff4d97;
     background: #5E5E5E;
 }
 
 .btnArea .btnEm3 {
     height: 60px;
     line-height: 50px;
     border: 1px solid #ddd;
     background: #fff;
 }

/* =====================================================*/
/* 신청 수정 완료 버튼   		                     	 */
/* =====================================================*/

.btnArea.type5 {
	width: 100%;
     padding: 0 3px;
     margin-top: 20px;
 }
 
 .btnArea.type5 > a,
 .btnArea.type5 > button {
     width: 30%;
     height: 25px;
     margin: 0;
     font-size: 13px;
     line-height: 24px;
     font-weight: normal;
 }
 
 .btnArea.type5 > a:nth-child(1),
 .btnArea.type5 > button:nth-child(1) {
     left: -3px;
 }
 
 .btnArea.type5 > a:nth-child(2),
 .btnArea.type5 > button:nth-child(2) {
     right: -3px;
 }

.btnArea .btnSubmit4 {
     height: 25px;
     line-height: 50px;
     color: #fff;
     border: 0px solid #ff4d97;
     background: #5E5E5E;	
 }

/******************************************************************/
/*   작은 일반 버튼  우편번호 조회 아이디조회 버튼 게시판 목록 버튼
/******************************************************************/

 .btnNormal,
 .btnStrong,
 .btnBasic {
     display: inline-block;
     height: 30px;
     line-height: 28px;
     margin: 0;
     padding: 0 10px 0px 10px;
     cursor: pointer;
     vertical-align: middle;
     font-family:'Nanum Gothic', sans-serif;
     font-size: 12px;
     font-weight: 400;
     border: 0;
     border-radius: 2px;
     box-sizing: border-box;
 }

 .hif{
    margin: 0 5px 0 5px;
 }
 
 .btnNormal {
     color: #1b1b1b;
     border: 1px solid #bcbcbc;
     background: #fff;
 }
 
 .btnStrong {
     color: #fff;
     border: 1px solid #555;
     background: #626262;
 }
 
 .btnBasic {
     color: #1b1b1b;
     border: 1px solid #bcbcbc;
     background: #f0f0f0;
 }

.btnStrong {
     color: #fff !important;
     border: 1px solid #555;
     background: #626262;
 }

/* ===================================================== */
/* 바닥 버튼              		                     	 */
/* ===================================================== */



.btnArea.typeLogin {
     font-family: 'Nanum Gothic', sans-serif;
	 height: 40px;
     margin: 0 auto;
     font-size: 13px;
     text-align: center;
     line-height: 39px;
     position: relative;
 }



.btnArea.typeLogin .btnLogin {
     position: relative;
     display: inline-block;
     padding: 0 14px 0 15px;
     color: #858585;
     font-weight: normal;
 }

.btnArea.typeLogin .btnLogin:before {
     display: block;
     content: "";
     position: absolute;
     top: 16px;
     left: 0;
     width: 1px;
     height: 13px;
     background: #848484;
 }

.btnArea.typeLogin .btnLogin:first-child:before {
     display: none;
 }

/* =====================================================*/
/* 신청 수정 버튼          		                     	 */
/* =====================================================*/

.btnArea .gLeft {
     float: right;
 }
 
.btnArea .gLeft:after {
     content: "";
     display: block;
     clear: both;
 }

 .btnArea .gLeft a,
 .btnArea .gLeft button {
     margin: 0 0 0 5px;
	 font-size:12px;
 }
 
 .btnArea .gLeft a:first-child,
 .btnArea .gLeft button:first-child {
     margin-left: 0;
 }

.btnNormal2 {
	 padding:5px;	 
     color: #1b1b1b;
     border: 1px solid #bcbcbc;
     background: #fff;
	font-weight: 400;
 }


/******************************************************************/
/*   border 숫자버튼
/******************************************************************/

.Searchnumber {
     text-align: center;
     background: #fff;
 }


.Searchnumber.typeList {
    padding: 30px 0 4px 0;
     color: #1b1b1b;
 }
 
 .Searchnumber.typeList ol {
     margin: 0 8px;
 }
 
 .Searchnumber.typeList ol,
 .Searchnumber.typeList ol li,
 .Searchnumber.typeList p,
 .Searchnumber.typeList p a,
 .Searchnumber.typeList ol li a {
     display: inline-block;
     vertical-align: middle;
 }
 
 .Searchnumber.typeList ol li {
     margin: 0 1px 5px;
     list-style: none;
     background: #fff;
 }
 
 .Searchnumber.typeList p,
 .Searchnumber.typeList ol li a {
     padding: 7px 0 8px;
     width: 31px;
     height: 31px;
     border-radius: 2px;
 }
 
 .Searchnumber.typeList ol li .other,
 .Searchnumber.typeList p,
 .Searchnumber.typeList ol li a {
     border: 1px solid #d9d9d9;
     line-height: 1.2em;
 }
 
 .Searchnumber.typeList ol li .this {
 	   
     border: 1px solid #3E3E3E;
 }
 
 .Searchnumber.typeList .this {
 	   color: #000;
     line-height: 1.0em;
 }
 
 .Searchnumber.typeList .prev,
 .Searchnumber.typeList .next {
     margin: 0 0 5px;
     width: 31px;
     font-size: 15px;
     line-height: 1.2em;
     background: #fff url("../img/icon/btn_prev.png") no-repeat 50% 50%;
     background-size: 7px auto;
 }
 
 .Searchnumber.typeList .next {
     background-image: url("../img/icon/btn_next.png");
 }
 
 .Searchnumber.typeList p span {
     overflow: hidden;
     display: block;
     width: 29px;
     text-indent: -999px;
 }
 
 .Searchnumber.typeList p a {
     padding: 7px 0 2px;
     width: 31px;
     height: 19px;
     color: #fff;
 }




/******************************************************************/
/*   오시는길 등 견적문의 페이지 중간중간 들어감
/******************************************************************/

/* contact-Form
=========================== */

#contact-Form{
    margin-top:10px;
}
.content_border2{		
	min-width: 300px;
}

.content_border3{
    margin: 20px auto;
    max-width: 600px;
    height: 100%;
}

.board-listpackage1 {
     margin: 0;
 } 

.board-listpackage1 .border_form {
     background-color: #fff;
 }

.board-listpackage1 .border_form table{
     width:100%;	
 }
 
.board-listpackage1 .border_form th {
     width: 86px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: left;
     color: #757575;
 }

.font01 {font-size: 12px!important;}
 
.board-listpackageboard-listpackage1 .border_form tr{
	width:100%;
}

.board-listpackage1 .border_form td {
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }

.board-listpackage1 .border_form td.radio01 {
     text-align: center;	
}

.board-listpackage1 .border_form td.radio01 input[type="radio"]{
	padding: 0 13px 0 13px;
}
 
.board-listpackage1 .border_form td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }
 
.board-listpackage1 .border_form td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
.board-listpackage1 .border_form .button {
     padding: 7px 14px;
     margin: 0;
 }
 
.board-listpackage1 .border_form .button a {
     font-size: 11px;
 }


 .order-form #inquiry_title{
	width:120px;
}

.order-form #inquiry_name{
    width:120px;
}



.border_form #inquiry_email1 {
     max-width: 20%;
     margin: 0 4px 3px 0;
 }
 
.border_form #inquiry_email2 {
     max-width: 20%;
     margin: 0 4px 3px 4px;
 }
 
.border_form #inquiry_email3 {
     width: 20%;
     height: 29px;
     margin: 0 4px 3px 0;
 }



 .tr_flex span{
    padding: 0 3px 0 3px;
 }

 .address_form .tr_flex #inquiry_mobile1{
    order: 1;
 }

 .address_form .tr_flex #inquiry_mobile2{
    order: 3;
 }

 .address_form .tr_flex #inquiry_mobile3{
    order: 5;
 }



 
 @media screen and (max-width:560px) {
	
	.border_form #inquiry_email3 {
        width: 70%;
        height: 29px;
        margin: 0 4px 3px 0;
    }
	
	
}
.border_form #inquiry_mobile1{
     width: 20%;
 } 

.border_form #inquiry_mobile2,
.border_form #inquiry_mobile3 {
     width: 20%;
     margin: 0 3px;
 } 
 
 @media screen and (max-width:560px) {
	
	.border_form #inquiry_mobile1{
        width: 25%;
    } 
   
   .border_form #inquiry_mobile2,
   .border_form #inquiry_mobile3 {
        width: 25%;
        margin: 0 3px;
    } 
	
	
}
 
.border_form #inquiry_contents{
	width:100%;
	height:100px;
}
.border_form .checkbox01 input{
	margin: 0px 15px 0!important;	
}

.border_form .mass{
	padding:  7px 14px 7px 14px!important;
	font-size: 11px;
	text-align: center;
	color: #757575;
	font-weight: 500;
}

/* ===================================================== */
/* 9. 404 PAGE					                     	 */
/* ===================================================== */
.page_404 {
    position: relative;
    text-align: center;
}
.page_404 > h1 {
    font-size: 250px;
    font-weight: 600;
    line-height: 250px;
    position: relative;
}
.page_404 > p {
    font-family: Pt Sans;
    font-size: 30px;
    font-weight: bold;
    line-height:30px;
    margin-bottom:30px;
}
a.back_home {
    margin: 0;
    color:#fff;
    padding: 12px 18px 13px;
}



/* ===================================================== */
/* 10. 주소창		                     	 */
/* ===================================================== */

 html{margin: 0;
    padding: 0;}
    
 .pop_id {
 	position: relative;
    text-align: center;
    margin: 0px
 }
 
 .pop_id h4 {
 background: #4a5164;
 margin: 0;
    height: 36px;
    padding: 0 38px 0 34px;
    font-size: 15px;
    line-height: 36px;
    color: #fff;
    text-align: center;
  margin: 0 auto;
 }
 
 
 
 
 .member-login{
	margin: 5px;
    overflow: hidden;
}

 .ip_Wrap {
   background: #fff;
	 width: 100%;	 
	 margin: 0 auto;
	 border:1px solid #aaa;	 
	 height:100px;
 }

.font_id {    
     display: inline-block;
     padding: 0px 0px 0px 0px;
     text-align: center;
 }
 
 .font_id input {    
     border-radius: 2px;
     padding: 6px;
     text-align: center;
 } 
 .form_id {    
     display: inline-block;
     padding: 10px;
     text-align: center;

 }
 
  .butt {    
     display: inline-block;
     padding: 10px;
     text-align: center;
 }
 
 
 .member-login .view > div {
     display: none;
     padding: 0 0 14px;
 }

 .member-login .formBox {
     position: relative;
     margin: 0px 24px 0;
     font-size: 11px;
 }

  .member-login .formBox1 {
     position: relative;
     margin: 30px 24px 0;
     font-size: 11px;
 }

.member-login .formBox:after {
     content: "";
     display: block;
     clear: both;
 }

.member-login .formBox .form {
     margin: 0 0px 0 0;
 }

 .member-login .formBox .form input[type="text"],
 .member-login .formBox .form input[type="password"] {
     width: 100%;
     height: 43px;
 }
 

.member-login .formBox .option {
     overflow: hidden;
     line-height: 43px;
     font-size: 13px;
 }

 .member-login .formBox .option > span {
     float: left;
	 margin: 0 10px 0 0;
}
 
 .member-login .formBox .option > span:last-child {
     margin-right: 0;
 }

 .member-login .formBox .option input[type="checkbox"] {
     width: 14px;
     margin: 0 3px 0 0;
     vertical-align: middle;
 }

.member-login .formBox1 span{
   font-family: 'Nanum Gothic', sans-serif;	 
 }



 .member-login .formBox1:after {
     content: "";
     display: block;
     clear: both;
 }

 .member-login .formBox1 .form {
     margin: 0 0px 0 0;
 }

 .member-login .member_id,
 .member-login .member_passwd {
     font-size: 15px;
 }

#member_form input:focus,
#member_form textarea:focus {
	outline:0;
	border:1px solid #999;
}


.formBoxtop{
    margin-top:10px;
    text-align: left;
    font-size: 14px;
}


/* ===================================================== */
/* 이용약관 및 동의 창 닫기 버튼		                     	 */
/* ===================================================== */ 
.sfrom1 {
    margin: auto;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}  





.btnStronghei {
    width: 80%;
    display: inline-block;
    height: 60px;
    line-height: 26px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    vertical-align: middle;
    font-family: Verdana, "맑은 고딕", Malgun Gothic, "돋움", Dotum;
    font-size: 30px;
    font-weight: 400;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
}

.btnStronghei {
    color: #fff;
    border: 1px solid #555;
    background: #626262;
}

.terms {
    padding: 50px 50px 50px 50px;
}

.terms table{
    margin-bottom: 30px;
}


.content_border{
    margin:0px auto;
    max-width: 850px;
    height: 100%;  
    margin-bottom: 40px;
}



.content_border2{
    margin: 0px auto;
    max-width: 900px;
    height: 100%;
}

.content_border4{
    margin: 0px auto;
    max-width: 1000px;
    height: 100%;
}

.content_border6{
    margin: 10px auto;
    max-width: 1000px;
    height: 100%;
}

.idform input{
    border: 0px solid #ffffff;
}
.idform .btnNormal{
margin-left: 2px;
}

.idform,
.passfrom,
.passcheckfrom,
.namefrom,
.phonefrom,
.emailfrom{
    margin:30px auto;
    width:80%;
    height:70px;
    border: 2px solid #d9d0d0;
    border-radius: 10px;
    box-sizing: border-box;
    padding:5px 15px 5px 10px;
}

.idfont,
.passfont,
.passcheckfont,
.namefont,
.phonefont,
.emailfont,
.addfont{
    margin:0px 15px 7px 10px;
    font-size:14px;
    font-family: 'Nanum Gothic', 'sans-serif';
    color: #877a7a;
}

.idinput,
.passinput,
.passcheckinput,
.nameinput,
.addinput{
    width:80%;
    color:#898080;
    font-weight: 400;
    font-size: 16px;
}


.phoneinput,
.emailinput,
.addinput{
    text-align: left;
    width: 100%;
    overflow: hidden;
    padding-left: 9px;
}
.online_hp1{
    width: 25%;
    height: 29px;
    margin: 0 0 0px;
    padding: 0px 35px 0 3px;
    color: #353535;
    font-weight: inherit;
    border: 1px solid #ccc;
    background: #fff url(../../img/icon/bg_selectbox.gif) no-repeat right center;
    background-size: 32px 27px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    text-align: center;
}


.online_hp2,
.online_hp3,
.user_email1,
.user_email2
{
    width: 100%;
}



.user_email3{
    width: 100%;
    height: 29px;
    margin: 0 0 0px;
    padding: 0px 35px 0 3px;
    color: #353535;
    font-weight: inherit;
    border: 1px solid #ccc;
    background: #fff url(../../img/icon/bg_selectbox.gif) no-repeat right center;
    background-size: 32px 27px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    text-align: center;
    font-size: 12px;
}


.addfrom{
    margin:30px auto;
    width:80%;
    height:160px;
    border: 2px solid #d9d0d0;
    border-radius: 10px;
    box-sizing: border-box;
    padding:5px 15px 5px 10px;
}

.user_post12{
   display: flex;   
}
.user_post{    
    width: 30%;
    font-size: 14px;
}


.addinput .user_addr1,
.addinput .user_addr2{
   margin-top:10px;
   width: 95%;
   font-size: 14px;
}

@media screen and (max-width:500px){
    .idform,
    .passfrom,
    .passcheckfrom,
    .namefrom,
    .phonefrom,
    .emailfrom,
    .addfrom{        
        width:90%;        
    }

    .content_border{
        margin: 0px auto;
        max-width: 700px;
        height: 100%;
    }

}

.dividerHeading2{
    margin-top:50px;
}

@media screen and (min-width:401px){
    .border_br{
        display: none;
    }
}

@media screen and (max-width:400px){
    .border_form #inquiry_mobile1{
        width: 70px;
    } 
   
   .border_form #inquiry_mobile2,
   .border_form #inquiry_mobile3 {
    width: 50px;       
    } 
    .board-listpackage .border_form td{
        padding: 7px 0px 7px 0;
    }

    .border_form #inquiry_email1,
    .border_form #inquiry_email2{
        max-width: 40%;
    }

}


.content_border5{
    margin: 10px auto;
    max-width: 700px;
    height: 100%;    
}

.form-field {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    align-items: center;
   
}

.form-field .label-form {
    font-weight: 600;
    color: #575555;
    margin-bottom: 8px;
    
}




.form-field_flex{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
   
}


.form-field_flex .order1{
    order:1;
   
}
.form-field_flex .order2{
    order:2;
    margin-left: 10px;
}







.form-field .form-control1 {
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 16px;
    font-family: inherit;
    font-size: 14px;
    color: #666 !important;
    border: 1px solid #ced4da;
    border-radius: 2px;
    outline: 0;
    background-color:#fff;
}

.form-field .form-control2 {
    display: block;
    width: 140px;
    height: 29px;
    padding: 4px 16px;
    font-family: inherit;
    font-size: 14px;
    color: #666 !important;
    border: 1px solid #ced4da;
    border-radius: 2px;
    outline: 0;
    background-color:#fff;
}

.form-control:focus {
    color: #333;
    border-color: #333
}

.button-submit {
    display: block;
    width: 100%;
    height: 56px;
    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background-color: #333;
    outline: 0;
    cursor: pointer
}

.button-submit:hover {
    background-color: #000
}



.error {
    display: block;
    color: #f00;
    border-color: #f00;
    order:3;
    padding-top: 3px;
}



input:not([type=checkbox]) + label {
    display: block;
    margin-top: 6px
}

select:not([type=checkbox]) + label {
    display: block;
    margin-top: 6px
}

.orderer_flex .user_post{
    font-size: 12px;
}

.orderer_flex .form-control3,
.orderer_flex .form-control3,
.orderer_flex .form-control3{
    width: 70px;
    margin: 0 0px 0px 0;
}

.orderer_flex .form-control4{
    width: 90px;
    margin: 0 0px 0px 0px;
}

.orderer_flex .form-control4c{
    width: 90px;
    margin-left: 3px;
}

.orderer_form1{
    display: flex;
    justify-content: flex-start;
}


.order1{
    order:0;
}

.order2{
    order:2;
}

.order3{
    order:3;
}

.orderer_flex label{
    order:4;
}

.btnNormal1{
    color: #1b1b1b;
    border: 1px solid #bcbcbc;
    background: #fff;
    margin-left: 20%;
    display: inline-block;
    height: 36px;
    line-height: 26px;
    margin: 0;
    padding: 0 10px 0px 10px;
    cursor: pointer;
    vertical-align: middle;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 12px;
    font-weight: 400;   
    border-radius: 2px;
    box-sizing: border-box;
    margin-left: 10px;
}

.form-field .form-control3 {
    display: block;
    width: 28%;
    height: 30px;
    padding: 4px 16px;
    font-family: inherit;
    font-size: 14px;
    color: #666 !important;
    border: 1px solid #ced4da;
    border-radius: 2px;
    outline: 0;
    background-color:#fff;
}

.form-field_flexnone{
    display: block;   
}

.form-field span{
    padding:0 3px 0 3px;
}

.form-field .form-control4 {
    display: block;
    width: 28%;
    height: 30px;
    padding: 4px 16px;
    font-family: inherit;
    font-size: 14px;
    color: #666 !important;
    border: 1px solid #ced4da;
    border-radius: 2px;
    outline: 0;
    background-color:#fff;
    margin-left: 5px;
}

.margint{
    margin-top:20px;
}

.btnNormal12{
    color: #1b1b1b;
    border: 1px solid #bcbcbc;
    background: #fff;
    margin-left: 5px;
    display: inline-block;
    height: 29px;
    line-height: 26px;   
    padding: 0 10px 0px 10px;
    cursor: pointer;
    vertical-align: middle;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
    box-sizing: border-box;   
    width: 70px;
}

.form-field_flexnone{
    display: flex;    
    flex-direction: column;
  
}

.marginb{
    margin-left: 2px;
}

.form-field_flexnone .form-control1{
    margin-top:10px;
}

#user_email1 .order11{
    order:1;
}
#user_email2 .order22{
    order:2;
}
#user_email3 .order33{
    order:3;
}






.orderer_grid{
    display: grid;
    grid-template-columns: 100px auto;
    grid-auto-rows: auto;
}

.orderer_grid #user_id{
    grid-column: 1/2;  
    grid-row: 1/2;  
}

.orderer_grid .btnNormal12{
    grid-column: 2/3;
    grid-row: 1/2;      
}

.orderer_grid #user_id-error{
    grid-column: 1/3;
    grid-row: 2/3;   
}

.form-field_grid{
    display: grid;
    grid-template-columns: 70px 10px 70px 10px 70px auto;
    grid-auto-rows: auto;
}

.form-field_grid .online_hp1,
.form-field_grid #orderinfo_to_card1{
    grid-column: 1/2;  
    grid-row: 1/2;  
}

.form-field_grid .online_hp2{
    grid-column: 3/4;  
    grid-row: 1/2;  
}

.form-field_grid .online_hp3{
    grid-column: 5/6;  
    grid-row: 1/2;  
}

.form-field_grid #online_hp3-error{
    padding-top: 4px;
    grid-column: 1/5;
    grid-row: 2/3;   
}

.form-field_grid1{
    display: grid;
    grid-template-columns: 90px 15px 90px 90px;
    grid-auto-rows: auto;
}

.form-field_grid1 #user_email1,
.form-field_grid1 #online_email1{
    grid-column: 1/2;  
    grid-row: 1/2;
}

.form-field_grid1 #user_email2,
.form-field_grid1 #online_email2{
    grid-column: 3/4;  
    grid-row: 1/2;
}

.form-field_grid1 #user_email3,
.form-field_grid1 #orderinfo_from_email3{
    grid-column: 4/5;  
    grid-row: 1/2;
}

.form-field_grid1 #user_email1-error{
    padding-top: 4px;
    grid-column: 1/5;
    grid-row: 2/3;  
}

.dots{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
}

@media screen and (max-width:477px){
.form-field_grid1{
    display: grid;
    grid-template-columns: 70px 15px 70px 90px;
    grid-auto-rows: auto;
}
.orderer_flex .form-control4c{
    width: 70px;
    font-size: 10px;
}

.orderer_flex .form-control4{
    width: 70px;
}
}

@media screen and (max-width:386px){
    .form-field_grid1{
        display: grid;
        grid-template-columns: 90px 15px 90px 90px;
        grid-auto-rows: auto;
    }
    .orderer_flex .form-control4c{
        width: 90px;
        font-size: 13px;
    }
    
    .orderer_flex .form-control4{
        width: 90px;
    }
    }


@media screen and (max-width:309px){
    .form-field_grid1 #user_email3,
    .form-field_grid1 #orderinfo_from_email3{
        grid-column: 1/4;  
    grid-row: 2/3;
    }

    .form-field_grid1 #user_email1-error,    
    .form-field_grid1 #online_email1-error{
        padding-top: 4px;
        grid-column: 1/4;
        grid-row: 3/4;  
    }
    #user_addr2, #user_email3 ,#orderinfo_from_email3{
        display: block;
    margin-top: 10px;
    margin-left: 0px;
    width: 45%;
    } 
}

.mar{
    margin-left:0;
    margin-right: 0;

}
.orderer_grid3{
    display: grid;
    grid-template-columns: 110px 58px 110px 58px 110px 58px 110px 58px;  
    grid-auto-rows: auto;
    grid-template-rows: repeat(2, 37px);    
    align-items: center;
    width: 100%;
    justify-content: left;
    height:100%;    
    align-content:center;  
}

.grid1{
    grid-template-rows: repeat(1, 37px);  
}

.border_right_none{
    border-right: 0px solid #ccc !important;
}




.orderer_grid3 .orderer,
.orderer_grid3 .orderer_form {
    padding: 0.2rem;
    text-align: center;
   
    font-size: 12px;
    color: #666666;
    height: 100%;
    line-height: 2.5;
}

.orderer_grid3 > div{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.orderer_grid3 .orderer span{
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    color: #757575;
    font-family: "Dotum";
}

.textcen{
    justify-content: center !important;
}

.orderer1{
    text-align: center;
}

.orderer_grid3 .orderer_form{
    text-align: center;
}

.orderer_grid3 .orderer:nth-child(1){
    grid-column: 1/2;
    grid-row: 1/2;
}

.orderer_grid3 .orderer_form:nth-child(2){
    grid-column: 2/3;
    grid-row: 1/2;
}

.orderer_grid3 .orderer:nth-child(3){
    grid-column: 3/4;
    grid-row: 1/2;
}

.orderer_grid3 .orderer_form:nth-child(4){
    grid-column: 4/5;
    grid-row: 1/2;
}

.orderer_grid3 .orderer:nth-child(5){
    grid-column: 5/6;
    grid-row: 1/2;
}

.orderer_grid3 .orderer_form:nth-child(6){
    grid-column: 6/7;
    grid-row: 1/2;
}

.orderer_grid3 .orderer:nth-child(7){
    grid-column: 7/8;
    grid-row: 1/2;
}

.orderer_grid3 .orderer_form:nth-child(8){
    grid-column: 8/9;
    grid-row: 1/2;
}   

.orderer_grid3 .orderer:nth-child(9){
    grid-column: 1/2;
    grid-row: 2/3;
}

.orderer_grid3 .orderer_form:nth-child(10){
    grid-column: 2/3;
    grid-row: 2/3;
}

.orderer_grid3 .orderer:nth-child(11){
    grid-column: 3/4;
    grid-row: 2/3;
}

.orderer_grid3 .orderer_form:nth-child(12){
    grid-column: 4/5;
    grid-row: 2/3;
}

.orderer_grid3 .orderer:nth-child(13){
    grid-column: 5/6;
    grid-row: 2/3;
}

.orderer_grid3 .orderer_form:nth-child(14){
    grid-column: 6/7;
    grid-row: 2/3;
}


.form-field_grid #inquiry_mobile1{
    grid-column: 1/2;  
    grid-row: 1/2;  
}

.form-field_grid #inquiry_mobile2{
    grid-column: 3/4;  
    grid-row: 1/2;  
}

.form-field_grid #inquiry_mobile3{
    grid-column: 5/6;  
    grid-row: 1/2;  
}

.form-field_grid #inquiry_mobile2-error{
    grid-column: 1/6;  
    grid-row: 2/3; 
}


.form-field_grid1 #inquiry_email1{
    grid-column: 1/2;  
    grid-row: 1/2;  
}

.form-field_grid1 #inquiry_email2{
    grid-column: 3/4;  
    grid-row: 1/2;  
}

.form-field_grid1 #inquiry_email3{
    grid-column: 4/5;  
    grid-row: 1/2;  
}

.form-field_grid1 #inquiry_email1-error,
.form-field_grid1 #online_email1-error{
    grid-column: 1/5;  
    grid-row: 2/3; 
}



.orderer_grid3 .input{
    margin-left: 5px !important;
}


.orderer_form input[id="inquiry_document_slope"],
.orderer_form input[id="inquiry_document_category"],
.orderer_form input[id="online_exp1"],
.orderer_form input[id="online_exp2"]{
    display: inline;
}


.orderer_form #inquiry_document_slope input .error,
.orderer_form #inquiry_document_category input .error{
    display: inline !important;
}

#inquiry_document_slope-error,
#inquiry_document_category-error,
#online_exp1-error,
#online_exp2-error{
    display: inline;
}

.hipn{
    margin-left: 2px;
    margin-right: 2px;
}

.orderer_grid4_wrab{
border-bottom: 1px solid #ccc;
}


.member-joincheck2{
    display: grid;
    grid-template-columns: 60px 20px auto auto;
    grid-auto-rows: auto;    
    align-items: center;
    width: 100%;   
    height:100%;    
    align-content:center;  
}

.member-joincheck2 .joincheck2{
    grid-column: 1/2;
    grid-row: 1/2;
}

#agree1_y,
#agree2_y{
    justify-self: start;
    grid-column: 2/3;
    grid-row: 1/2;
    }

.btnMore5{
    grid-column: 4/5;
    grid-row: 1/2;
    text-align: right;
    justify-self: end;
}

.error1{      
    color: red;
    padding-left: 5px;
    font-size: 11px;  
    color: #f00;
     border-color: #f00;
    order:3;
    padding-top: 3px;
    grid-column: 3/4;
    grid-row: 1/2;
    }

    @media screen and (max-width:410px){
        .error1{
            grid-column: 1/4;
            grid-row: 2/3;
        }
    }

    
.orderer_flex4{
    display: flex;
    width: 100%;
    justify-content: center;
}

@media screen and (max-width:700px){

    .orderer_grid3{
        display: grid;
        grid-template-columns: repeat(4, 25%);
        grid-auto-rows: auto;
        grid-template-rows: repeat(4, 37px);    
        align-items: center;
        width: 100%;
        justify-content: left;
        height:100%;    
        align-content:center;  
    }

    .grid1{
        grid-template-rows: repeat(2, 37px);  
    }


        .orderer_grid3 .orderer:nth-child(1){
            grid-column: 1/2;
            grid-row: 1/2;
        }
        
        .orderer_grid3 .orderer_form:nth-child(2){
            grid-column: 2/3;
            grid-row: 1/2;
        }
        
        .orderer_grid3 .orderer:nth-child(3){
            grid-column: 3/4;
            grid-row: 1/2;
        }
        
        .orderer_grid3 .orderer_form:nth-child(4){
            grid-column: 4/5;
            grid-row: 1/2;
            border-right: 0px;
        }
        
        .orderer_grid3 .orderer:nth-child(5){
            grid-column: 1/2;
            grid-row: 2/3;
        }
        
        .orderer_grid3 .orderer_form:nth-child(6){
            grid-column: 2/3;
            grid-row: 2/3;
        }
        
        .orderer_grid3 .orderer:nth-child(7){
            grid-column: 3/4;
            grid-row: 2/3;
        }
        
        .orderer_grid3 .orderer_form:nth-child(8){
            grid-column: 4/5;
            grid-row: 2/3;
            border-right: 0px;
        }   
        
        .orderer_grid3 .orderer:nth-child(9){
            grid-column: 1/2;
            grid-row: 3/4;
        }
        
        .orderer_grid3 .orderer_form:nth-child(10){
            grid-column: 2/3;
            grid-row: 3/4;
        }
        
        .orderer_grid3 .orderer:nth-child(11){
            grid-column: 3/4;
            grid-row: 3/4;
        }
        
        .orderer_grid3 .orderer_form:nth-child(12){
            grid-column: 4/5;
            grid-row: 3/4;
            border-right: 0px;
        }
        
        .orderer_grid3 .orderer:nth-child(13){
            grid-column: 1/2;
            grid-row: 4/5;
        }
        
        .orderer_grid3 .orderer_form:nth-child(14){
            grid-column: 2/3;
            grid-row: 4/5;
        }   
        
        .orderer_grid3 .orderer{
            width:100%;
        }
}



@media screen and (max-width:396px){
    .orderer_grid3{
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-auto-rows: auto;
        grid-template-rows: repeat(4, 37px);    
        align-items: center;
        width: 100%;
        justify-content: left;
        height:100%;    
        align-content:center;  
    }

   


        .orderer_grid3 .orderer:nth-child(1){
            grid-column: 1/2;
            grid-row: 1/2;
        }
        
        .orderer_grid3 .orderer_form:nth-child(2){
            grid-column: 2/3;
            grid-row: 1/2;
            border-right:0px;
        }
        
        .orderer_grid3 .orderer:nth-child(3){
            grid-column: 1/2;
            grid-row: 2/3;
        }
        
        .orderer_grid3 .orderer_form:nth-child(4){
            grid-column: 2/3;
            grid-row: 2/3;
            border-right:0px;
        }
        
        .orderer_grid3 .orderer:nth-child(5){
            grid-column: 1/2;
            grid-row: 3/4;
        }
        
        .orderer_grid3 .orderer_form:nth-child(6){
            grid-column: 2/3;
            grid-row: 3/4;
            border-right:0px;
        }
        
        .orderer_grid3 .orderer:nth-child(7){
            grid-column: 1/2;
            grid-row: 4/5;
        }
        
        .orderer_grid3 .orderer_form:nth-child(8){
            grid-column: 2/3;
            grid-row: 4/5;
            border-right:0px;
        }   
        
        .orderer_grid3 .orderer:nth-child(9){
            grid-column: 1/2;
            grid-row: 5/6;
        }
        
        .orderer_grid3 .orderer_form:nth-child(10){
            grid-column: 2/3;
            grid-row: 5/6;
            border-right:0px;
        }
        
        .orderer_grid3 .orderer:nth-child(11){
            grid-column: 1/2;
            grid-row: 6/7;
        }
        
        .orderer_grid3 .orderer_form:nth-child(12){
            grid-column: 2/3;
            grid-row: 6/7;
            border-right:0px;
        }
        
        .orderer_grid3 .orderer:nth-child(13){
            grid-column: 1/2;
            grid-row: 7/8;
        }
        
        .orderer_grid3 .orderer_form:nth-child(14){
            grid-column: 2/3;
            grid-row: 7/8;
            border-right:0px;
        }   

        .orderer_grid3 .orderer:nth-child(15){
           display: none;
        }
        
        .orderer_grid3 .orderer_form:nth-child(16){
            display: none;
        } 

        .orderer_flex1{            
            align-items: center;
            flex-direction: row;
        }

        .orderer_flex1 .orderer{
            width:80px;
        }

        
}

@media screen and (min-width:393px){
    .brnone1{display:none;}
}




@media screen and (max-width:309px){
.form-field_grid1 #inquiry_email3{
    grid-column: 1/3;  
    grid-row: 2/3;  
    margin-left: 0px;
    margin-top:5px;
}

.form-field_grid1 #inquiry_email1-error,
.form-field_grid1 #online_email1-error{
    grid-column: 1/5;  
    grid-row: 3/4; 
}

.brnone1{display:block;}


}


.content_border4{
    margin: 10px auto;
    max-width: 1000px;
    height: 100%;
    min-width: 300px;
    max-width: 900px;
}

.content_border41{
margin-left: 15px;
margin-right: 15px;
}



.application_grid{
    margin-top:30px;
    display: grid;
    grid-template-columns: 30px repeat(16, 1fr);
    grid-template-rows: 25px 33px 30px 30px 30px;
    border-top: 1px solid #d9d6d6;
        border-left: 1px solid #d9d6d6;;
        margin-bottom: 30px;
}

.application_grid2{
    margin-top:10px;
    display: grid;
    grid-template-columns: 30px repeat(16, 1fr);
    grid-template-rows: minmax(auto, 25px);
    border-top: 1px solid #d9d6d6;
    border-left: 1px solid #d9d6d6;;      
}

.application_grid3{
    margin-top:30px;
    display: grid;
    grid-template-columns: 30px repeat(2, 1fr);
    grid-template-rows: minmax(auto, 25px);
    border-top: 1px solid #d9d6d6;
    border-left: 1px solid #d9d6d6;;      
}

.application_grid4{
    margin-top:10px;
    display: grid;
    grid-template-columns: 30px repeat(4, 1fr);
    grid-template-rows: minmax(auto, 25px);
    border-top: 1px solid #d9d6d6;
    border-left: 1px solid #d9d6d6;;      
}

.application_grid5{
    margin-top:30px;
    display: grid;
    grid-template-columns: 70px 3fr repeat(5, 1fr);
    grid-template-rows: minmax(auto, 28px);
    border-top: 1px solid #d9d6d6;
    border-left: 1px solid #d9d6d6;
}

.application_grid5:nth-child(n+1){
    align-self: center;
}



.application_grid > div,
.application_grid2 > div,
.application_grid3 > div,
.application_grid4 > div,
.application_grid5 > div  {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
}

.app_grid1{
    padding: 0.2rem;
    text-align: center;
    font-family: "Dotum";
    font-size:12px;
    color:#666666;      
}

.app_grid2b{
    font-weight: 600;
}

.app_grid2,
.app_grid3,
.app_grid4{
    padding: 0.2rem;
    text-align: center;
    font-family: "Dotum";
    font-size:12px;
    color:#666666;    
    line-height:28px;
}

.app_grid5{
    padding: 2px 0 2px 0;
    text-align: center;
    font-family: "Dotum";
    font-size:12px;
    color:#666666;    
    line-height:30px;
}


.app_grid2 p,
.app_grid3 p,
.app_grid4 p{
        font-family: "Dotum";
        line-height: 1.5;       
        font-size:12px;
}

.app_grid5 p{
    font-family: "Dotum";
    line-height: 32px;       
    font-size:12px;
}

.app_grid5 span{
    font-size:12px;
    font-family: "Dotum";    
}

.martop2{
    margin:40px auto;
}


.app_grid1:nth-child(1),
.app_grid2:nth-child(1),
.app_grid3:nth-child(1){
    grid-row: 1/7;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr; 
            -webkit-text-orientation: upright; 
                    text-orientation: upright;          
            word-spacing: 25px;            
            display : flex;
            justify-content : center;
            align-items : center;
            background: #F1F1F1;
            font-weight: 600;
            font-size:13px;            
}

.app_grid2:nth-child(1),
.app_grid3:nth-child(1){
    word-spacing: 1px;    
}

.app_grid2:nth-child(1) span,
.app_grid3:nth-child(1) span{
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;   
}

.app_grid1:nth-child(2),
.app_grid2:nth-child(2){
    grid-column: 2/6;
    grid-row: 1/2;
}

.app_grid1:nth-child(3),
.app_grid2:nth-child(3){
    grid-column: 6/10;
    grid-row: 1/2;
}

.app_grid1:nth-child(4),
.app_grid2:nth-child(4){
    grid-column: 10/12;
    grid-row: 1/2;
}

.app_grid1:nth-child(5),
.app_grid2:nth-child(5){
    grid-column: 12/14;
    grid-row: 1/2;
}

.app_grid1:nth-child(6),
.app_grid2:nth-child(6){
    grid-column: 14/16;
    grid-row: 1/2;
}

.app_grid1:nth-child(7),
.app_grid2:nth-child(7){
    grid-column: 16/18;
    grid-row: 1/2;
}


.app_grid1:nth-child(2),
.app_grid1:nth-child(3),
.app_grid1:nth-child(4),
.app_grid1:nth-child(5),
.app_grid1:nth-child(6),
.app_grid1:nth-child(7),
.app_grid2:nth-child(2),
.app_grid2:nth-child(3),
.app_grid2:nth-child(4),
.app_grid2:nth-child(5),
.app_grid2:nth-child(6),
.app_grid2:nth-child(7),
.app_grid3:nth-child(2),
.app_grid3:nth-child(3),
.app_grid4:nth-child(1),
.app_grid4:nth-child(2),
.app_grid4:nth-child(3),
.app_grid4:nth-child(4),
.app_grid4:nth-child(5){
    background: #F1F1F1;  
    font-weight: 600;
    font-size:13px;     
    grid-row: 1/2;
    display: flex;
    justify-content: center;
    align-items: center;   
}

.app_grid5:nth-child(1),
.app_grid5:nth-child(2),
.app_grid5:nth-child(3),
.app_grid5:nth-child(4),
.app_grid5:nth-child(5),
.app_grid5:nth-child(6),
.app_grid5:nth-child(7){
    background: rgb(228,228,228);
background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
    font-weight: 600;
    font-size:13px;     
    grid-row: 1/2;
    display: flex;
    justify-content: center;
    align-items: center;   
}

.app_grid2:nth-child(8),
.app_grid2:nth-child(9),
.app_grid2:nth-child(10),
.app_grid2:nth-child(11),
.app_grid2:nth-child(12),
.app_grid2:nth-child(13){
    display: flex;
    justify-content: center;
    align-items: center;   
    line-height: 1.5;
}


.app_grid1:nth-child(2) p,
.app_grid1:nth-child(3) p,
.app_grid1:nth-child(4) p,
.app_grid1:nth-child(5) p,
.app_grid1:nth-child(6) p,
.app_grid1:nth-child(7) p,
.app_grid2:nth-child(2) p,
.app_grid2:nth-child(3) p,
.app_grid2:nth-child(4) p,
.app_grid2:nth-child(5) p,
.app_grid2:nth-child(6) p,
.app_grid2:nth-child(7) p{
    font-family: "Dotum";
}

.app_grid1 span,
.app_grid2 span{
    font-family: "Dotum";
    line-height: 2.0;
}

.app_grid1 input[type=checkbox],
.app_grid2 input[type=checkbox]{
    margin: 6px 0 0;
}


.app_grid1:nth-child(2),
.app_grid1:nth-child(3),
.app_grid1:nth-child(4),
.app_grid1:nth-child(6),
.app_grid1:nth-child(7),
.app_grid2:nth-child(2),
.app_grid2:nth-child(3),
.app_grid2:nth-child(4),
.app_grid2:nth-child(6),
.app_grid2:nth-child(7){
    word-spacing: 10px;
}

.app_grid1:nth-child(5),
.app_grid2:nth-child(5){
    word-spacing: 5px;

}

.app_grid1:nth-child(8){
    grid-column: 2/6;
    grid-row: 2/3;   
}

.app_grid2:nth-child(8){
    grid-column: 2/6;
    grid-row: 2/3; 
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;  
    display: block;     
}

.app_grid1:nth-child(9),
.app_grid2:nth-child(9){
    grid-column: 6/10;
    grid-row: 2/3;
}

.app_grid1:nth-child(10),
.app_grid2:nth-child(10){
    grid-column: 10/12;
    grid-row: 2/3;
}

.app_grid1:nth-child(11),
.app_grid2:nth-child(11){
    grid-column: 12/14;
    grid-row: 2/3;
}

.app_grid1:nth-child(12),
.app_grid2:nth-child(12){
    grid-column: 14/16;
    grid-row: 2/3;
}

.app_grid1:nth-child(13),
.app_grid2:nth-child(13){
    grid-column: 16/18;
    grid-row: 2/3;
}


.app_grid1:nth-child(14){
    grid-column: 2/5;
    grid-row: 3/4;
}

.app_grid1:nth-child(15){
    grid-column: 5/6;
    grid-row: 3/4;
}

.app_grid1:nth-child(16){
    grid-column: 6/9;
    grid-row: 3/4;
}

.app_grid1:nth-child(17){
    grid-column: 9/10;
    grid-row: 3/4;
}

.app_grid1:nth-child(18){
    grid-column: 10/13;
    grid-row: 3/4;
}

.app_grid1:nth-child(19){
    grid-column: 13/14;
    grid-row: 3/4;
}

.app_grid1:nth-child(20){
    grid-column: 14/17;
    grid-row: 3/4;
}

.app_grid1:nth-child(21){
    grid-column: 17/18;
    grid-row: 3/4;
}



.app_grid1:nth-child(22){
    grid-column: 2/5;
    grid-row: 4/5;
}

.app_grid1:nth-child(23){
    grid-column: 5/6;
    grid-row: 4/5;
}

.app_grid1:nth-child(24){
    grid-column: 6/9;
    grid-row: 4/5;
}

.app_grid1:nth-child(25){
    grid-column: 9/10;
    grid-row: 4/5;
}

.app_grid1:nth-child(26){
    grid-column: 10/13;
    grid-row: 4/5;
}

.app_grid1:nth-child(27){
    grid-column: 13/14;
    grid-row: 4/5;
}

.app_grid1:nth-child(28){
    grid-column: 14/17;
    grid-row: 4/5;
}

.app_grid1:nth-child(29){
    grid-column: 17/18;
    grid-row: 4/5;
}

.app_grid1:nth-child(30){
    grid-column: 2/5;
    grid-row: 5/6;
}

.app_grid1:nth-child(31){
    grid-column: 5/6;
    grid-row: 5/6;
}

.app_grid1:nth-child(32){
    grid-column: 6/9;
    grid-row: 5/6;
}

.app_grid1:nth-child(33){
    grid-column: 9/10;
    grid-row: 5/6;
}

.app_grid1:nth-child(34){
    grid-column: 10/13;
    grid-row: 5/6;
}

.app_grid1:nth-child(35){
    grid-column: 13/14;
    grid-row: 5/6;
}

.app_grid1:nth-child(36){
    grid-column: 14/17;
    grid-row: 5/6;
}

.app_grid1:nth-child(37){
    grid-column: 17/18;
    grid-row: 5/6;
}



.app_grid1 #page,
.app_grid1 #book,
.app_grid2 #page,
.app_grid2 #book{
    width:100%;
}
.app_grid1 #title,
.app_grid1 #paper,
.app_grid1 #page,
.app_grid1 #book,
.app_grid1 #price,
.app_grid2 #title,
.app_grid2 #paper,
.app_grid2 #page,
.app_grid2 #book,
.app_grid2 #price{
    width:80%;
    height: 25px;
    vertical-align: text-top;
}

.app_flex{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.app_text{
    flex:2;
    text-align: center;
    margin-left: 30px;
     
}

.app_text span{
    font-family: "Dotum";  
}

.checkb{
    text-align: left;
    flex:1;
    
}

.checkb input[type=checkbox]{
    margin: 0px 0 2px !important;
}

.app_saveflex{
    display: flex;
    justify-content: space-evenly;
    align-items: center; 
    height: 100%;  
}


.app_grid2:nth-child(14){
    grid-column: 2/6;
    grid-row: 3/4;
}

.app_grid2:nth-child(15){
    grid-column: 6/10;
    grid-row: 3/4;
}

.app_grid2:nth-child(16){
    grid-column: 10/14;
    grid-row: 3/4;
}

.app_grid2:nth-child(17){
    grid-column: 14/18;
    grid-row: 3/4;
}

.app_grid2:nth-child(18){
    grid-column: 2/6;
    grid-row: 4/5;
}

.app_grid2:nth-child(19){
    grid-column: 6/10;
    grid-row: 4/5;
}

.app_grid2:nth-child(20){
    grid-column: 10/14;
    grid-row: 4/5;
}

.app_grid2:nth-child(21){
    grid-column: 14/18;
    grid-row: 4/5;
}

.app_grid2:nth-child(22){
    grid-column: 2/6;
    grid-row: 5/6;
}

.app_grid2:nth-child(23){
    grid-column: 6/10;
    grid-row: 5/6;
}

.app_grid2:nth-child(24){
    grid-column: 10/14;
    grid-row: 5/6;
}

.app_grid2:nth-child(25){
    grid-column: 14/18;
    grid-row: 5/6;
}

.bordcor{
    border-left: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
}

.hide_title{
    display: none;
}

.hide_title2,
.hide_title3{
    display: none;
}


@media screen and (max-width:950px){
    .content_wrap {
        padding: 15px 30px 30px 30px;
    }
}



@media screen and (max-width:700px){

    .hide_title2,
    .hide_title3{
        display: block;
        font-family: "Dotum";
    line-height: 1.5;
    line-height: 38px;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    margin:0 auto;
    }


    .hide_title{
        display: inline-block;
        padding-left:5px;
        line-height: 40px;
        font-size: 13px;
        font-family: "Noto Sans KR",sans-serif;
        color: #508bed; 
        font-weight: 600;  
    }

    .application_grid5 > div {
       border-right: 0px solid #ccc; 
       border-bottom: 0px solid #ccc;
       height:43px;
    }

.app_grid5 p{
    line-height: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden
}

    
.app_grid5{
    
    line-height:35px;
}

    .application_grid5{
        margin-top:30px;
        display: grid;
        grid-template-columns: 25% 75%;
        grid-template-rows: minmax(auto, 43px);
        border:1px solid #d9d6d6;        
    }

    .app_grid5:nth-child(1){
        display: none;
        
    }
    
    .app_grid5:nth-child(2){
        grid-column: 1/2;
        grid-row: 2/3;   
    }

    .app_grid5:nth-child(3){
        grid-column: 1/2;
        grid-row: 3/4;       
    }

    .app_grid5:nth-child(4){
        grid-column: 1/2;
        grid-row: 4/5;       
    }

    .app_grid5:nth-child(5){
        grid-column: 1/2;
        grid-row: 5/6;       
    }

    .app_grid5:nth-child(6){
        grid-column: 1/2;
        grid-row: 6/7;       
    }

    .app_grid5:nth-child(7){
        grid-column: 1/2;
        grid-row: 7/8;       
    }

    .app_grid5:nth-child(7){
        grid-column: 1/2;
        grid-row: 7/8;       
    }

    .app_grid5:nth-child(8){
        grid-column: 1/3;
        grid-row: 1/2;
        line-height: 24px;
        font-size: 13px;
        font-family: "Noto Sans KR",sans-serif;
        color: #508bed; 
        font-weight: 600;  
        background-color: #f0f0f0; 
    }


    .app_grid5{
        text-align: left;
        align-items: center;
        padding-left: 2%;
        border-top: 1px solid #ececec;
    }



    .app_grid1,
    .app_grid2{
        padding: 0.2rem;
        text-align: center;
        font-family: 'Nanum Gothic', sans-serif;
        font-size:12px;
        color:#666666;          
    }

    .app_grid5:nth-child(1),
.app_grid5:nth-child(2),
.app_grid5:nth-child(3),
.app_grid5:nth-child(4),
.app_grid5:nth-child(5),
.app_grid5:nth-child(6),
.app_grid5:nth-child(7){
    background: #ffffff;
    font-weight: 600;
    font-size:13px;     
  
}

    

    .application_grid{
        margin-top:30px;
        display: grid;       
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: 32px 40px 40px 40px 40px 40px repeat(6, 30px);
        border-top: 1px solid #d9d6d6;;
        border-left: none;
    }

    .application_grid2{
        margin-top:10px;
        display: grid;
        grid-template-columns: 61px repeat(7, 1fr);
        grid-template-rows: minmax(auto, 30px);
        border-top: 1px solid #d9d6d6;;
            border-left: 1px solid #d9d6d6;;
          
    }

    .app_grid2 p{
        line-height: 2.0;
    }

    .app_grid1:nth-child(1){
        grid-column:1/9;
        grid-row: 1/2;       
            -webkit-writing-mode: horizontal-tb;       
                -ms-writing-mode: lr-tb;       
                    writing-mode: horizontal-tb;           
            word-spacing: 0px;            
            display : flex;
            justify-content : center;
            align-items : center;
            background: #CFCFCF;;
            font-weight: 600;
            font-size:14px;
            font-family: 'Noto Sans KR' , sans-serif;
            color: #333;
    }

    .app_grid2:nth-child(1){
        grid-column:1/9;
        grid-row: 1/2;       
            -webkit-writing-mode: horizontal-tb;       
                -ms-writing-mode: lr-tb;       
                    writing-mode: horizontal-tb;           
            word-spacing: 0px;            
            display : flex;
            justify-content : center;
            align-items : center;
            background: #CFCFCF;;
            font-weight: 600;
            font-size:14px;
            font-family: 'Noto Sans KR' , sans-serif;
            color: #333;
    }

    .app_grid1 p,
    .app_grid1 p{
      font-family: 'Nanum Gothic', sans-serif;
         font-size: 12px;
        line-height: 2.0;
        color: #333;
    }

    .app_grid1:nth-child(2),
    .app_grid1:nth-child(3),
    .app_grid1:nth-child(4),
    .app_grid1:nth-child(5),
    .app_grid1:nth-child(6){
        border-right: none;
        border-left: 1px solid #e6e6e6;        
    }

    .app_grid1:nth-child(2),
    .app_grid1:nth-child(3),
    .app_grid1:nth-child(4),
    .app_grid1:nth-child(5),
    .app_grid1:nth-child(6),
    .app_grid1:nth-child(7),
    .app_grid2:nth-child(2),
    .app_grid2:nth-child(3),
    .app_grid2:nth-child(4),
    .app_grid2:nth-child(5),
    .app_grid2:nth-child(6),
    .app_grid2:nth-child(7){
        background: #ffffff;  
        font-weight: 600;
        font-size:13px;     
        grid-row: 1/2;
        display: flex;
        justify-content: left;
        align-items: center;  
        padding-left: 5px;    
    }

    .app_grid2:nth-child(2),
    .app_grid2:nth-child(3),
    .app_grid2:nth-child(4),
    .app_grid2:nth-child(5),
    .app_grid2:nth-child(6),
    .app_grid2:nth-child(7){
        width: 69px;
    }

    .app_grid1:nth-child(8),
    .app_grid1:nth-child(9),
    .app_grid1:nth-child(10),
    .app_grid1:nth-child(11),
    .app_grid1:nth-child(12),
    .app_grid2:nth-child(8),
    .app_grid2:nth-child(9),
    .app_grid2:nth-child(10),
    .app_grid2:nth-child(11),
    .app_grid2:nth-child(12){
        text-align: left;  
        justify-content: left;     
        padding-left: 15px;
    }

 .app_grid1:nth-child(2) p,
.app_grid1:nth-child(3) p,
.app_grid1:nth-child(4) p,
.app_grid1:nth-child(5) p,
.app_grid1:nth-child(6) p,
.app_grid1:nth-child(7),
.app_grid2:nth-child(2) p,
.app_grid2:nth-child(3) p,
.app_grid2:nth-child(4) p,
.app_grid2:nth-child(5) p,
.app_grid2:nth-child(6) p,
.app_grid2:nth-child(7){
    font-family: 'Noto Sans KR' , sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #424242;
}

.app_grid1:nth-child(2),
.app_grid1:nth-child(3),
.app_grid1:nth-child(4),
.app_grid1:nth-child(6),
.app_grid1:nth-child(7),
.app_grid2:nth-child(2),
.app_grid2:nth-child(3),
.app_grid2:nth-child(4),
.app_grid2:nth-child(6),
.app_grid2:nth-child(7){
    word-spacing: 0px;
}


.app_grid1:nth-child(5){
    word-spacing: 0px;
}

.app_grid1:nth-child(2),
 .app_grid1:nth-child(3),
 .app_grid1:nth-child(4),
 .app_grid1:nth-child(6),
 .app_grid1:nth-child(7){
    word-spacing:0px;
 }



    .app_grid1 #title, .app_grid1 #paper, .app_grid1 #page, .app_grid1 #book, .app_grid1 #price{
        margin-left: 5px;
    }

    .app_grid1 #title,
.app_grid1 #paper,
.app_grid1 #page,
.app_grid1 #book,
.app_grid1 #price{
    width:80%;
    height: 29px;
    margin-top:3px;
}
    .app_grid1:nth-child(14),
    .app_grid1:nth-child(18),
    .app_grid1:nth-child(22),
    .app_grid1:nth-child(26),
    .app_grid1:nth-child(30),
    .app_grid1:nth-child(34){
        border-left: 1px solid #e6e6e6;
    }


    .app_grid1:nth-child(2),
    .app_grid2:nth-child(2){
        grid-column:1/2;
        grid-row: 2/3;     
    }

    .app_grid1:nth-child(3),
    .app_grid2:nth-child(3){
        grid-column:1/2;
        grid-row: 3/4;     
        
    }

    .app_grid1:nth-child(4),
    .app_grid2:nth-child(4){
        grid-column:1/2;
        grid-row: 4/5;     
    }

    .app_grid1:nth-child(5),
    .app_grid2:nth-child(5){
        grid-column:1/2;
        grid-row: 5/6;     
    }

    .app_grid1:nth-child(6),
    .app_grid2:nth-child(6){
        grid-column:1/2;
        grid-row: 6/7;     
    }

    .app_grid1:nth-child(7),
    .app_grid2:nth-child(7){
        display:none;    
    }


    .app_grid1:nth-child(8){
        grid-column:2/9;
        grid-row: 2/3;  
       
    }

    .app_grid2:nth-child(8){
        grid-column:2/9;
        grid-row: 2/3;  
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;   
        line-height: 2.5;
    }

    .app_grid1:nth-child(9),
    .app_grid2:nth-child(9){
        grid-column:2/9;
        grid-row: 3/4;     
    }

    .app_grid1:nth-child(10),
    .app_grid2:nth-child(10){
        grid-column:2/9;
        grid-row: 4/5;     
    }

    .app_grid1:nth-child(11),
    .app_grid2:nth-child(11){
        grid-column:2/9;
        grid-row: 5/6;     
    }

    .app_grid1:nth-child(12),
    .app_grid2:nth-child(12){
        grid-column:2/9;
        grid-row: 6/7;     
    }
 

    .app_grid1:nth-child(13),
    .app_grid2:nth-child(13){
        display:none;
    }

    .app_grid1:nth-child(14){
        grid-column:1/4;
        grid-row: 7/8;    
    }

    .app_grid1:nth-child(15){
        grid-column:4/5;
        grid-row: 7/8;    
    }

    .app_grid1:nth-child(16){
        grid-column:5/8;
        grid-row: 7/8;    
    }
    .app_grid1:nth-child(17){
        grid-column:8/9;
        grid-row: 7/8;    
    }


    .app_grid1:nth-child(18){
         grid-column:1/4;
        grid-row: 8/9;  
    }

    .app_grid1:nth-child(19){
        grid-column:4/5;
        grid-row: 8/9;
    }

    .app_grid1:nth-child(20){
        grid-column:5/8;
        grid-row: 8/9;
    }

    .app_grid1:nth-child(21){
        grid-column:8/9;
        grid-row: 8/9;
    }

    .app_grid1:nth-child(22){
        grid-column:1/4;
        grid-row: 9/10;
    }

    .app_grid1:nth-child(23){
        grid-column:4/5;
        grid-row: 9/10;
    }

    .app_grid1:nth-child(24){
        grid-column:5/8;
        grid-row: 9/10;
    }

    .app_grid1:nth-child(25){
        grid-column:8/9;
        grid-row: 9/10;
    }

    .app_grid1:nth-child(26){
        grid-column:1/4;
        grid-row: 10/11;
    }

    .app_grid1:nth-child(27){
        grid-column:4/5;
        grid-row: 10/11;
    }

    .app_grid1:nth-child(28){
        grid-column:5/8;
        grid-row: 10/11;
    }

    .app_grid1:nth-child(29){
        grid-column:8/9;
        grid-row: 10/11;
    }

    .app_grid1:nth-child(30){
        grid-column:1/4;
        grid-row: 11/12;
    }

    .app_grid1:nth-child(31){
        grid-column:4/5;
        grid-row: 11/12;
    }

    .app_grid1:nth-child(32){
        grid-column:5/8;
        grid-row: 11/12;
    }

    .app_grid1:nth-child(33){
        grid-column:8/9;
        grid-row: 11/12;
    }

    .app_grid1:nth-child(34){
        grid-column:1/4;
        grid-row: 12/13;
    }

    .app_grid1:nth-child(35){
        grid-column:4/5;
        grid-row: 12/13;
    }

    .app_grid1:nth-child(36){
        grid-column:5/8;
        grid-row: 12/13;
    }

    .app_grid1:nth-child(37){
        grid-column:8/9;
        grid-row: 12/13;
    }

    .app_grid1:last-child{
        grid-column:1/9;
        grid-row: 13/14;
        border-bottom: none;
        border-left: none;
        border-right: none;
        margin-top:20px;
    }

    .btnArea .type4{
        margin-top:20px;
    }


    

    .app_grid2:nth-child(14){
        grid-column:1/3;
        grid-row: 7/8;
    }
    
    .app_grid2:nth-child(15){
        grid-column:3/5;
        grid-row: 7/8;
    }
    
    .app_grid2:nth-child(16){
        grid-column:5/7;
        grid-row: 7/8;
    }
    
    .app_grid2:nth-child(17){
        grid-column:7/9;
        grid-row: 7/8;
    }
    
    .app_grid2:nth-child(18){
        grid-column:1/3;
        grid-row: 8/9;
    }
    
    .app_grid2:nth-child(19){
        grid-column:3/5;
        grid-row: 8/9;
    }
    
    .app_grid2:nth-child(20){
        grid-column:5/7;
        grid-row: 8/9;
    }
    
    .app_grid2:nth-child(21){
        grid-column:7/9;
        grid-row: 8/9;
    }
    
    .app_grid2:nth-child(22){
        grid-column:1/3;
        grid-row: 9/10;
    }
    
    .app_grid2:nth-child(23){
        grid-column:3/5;
        grid-row: 9/10;
    }
    
    .app_grid2:nth-child(24){
        grid-column:5/7;
        grid-row: 9/10;
    }
    
    .app_grid2:nth-child(25){
        grid-column:7/9;
        grid-row: 9/10;
    }

    .app_grid2:nth-child(26){
        grid-column:1/3;
        grid-row: 10/11;
    }
    
    .app_grid2:nth-child(27){
        grid-column:3/5;
        grid-row: 10/11;
    }
    
    .app_grid2:nth-child(28){
        grid-column:5/7;
        grid-row: 10/11;
    }
    
    .app_grid2:nth-child(29){
        grid-column:7/9;
        grid-row: 10/11;
    }
}

@media screen and (max-width:510px){
    .content_wrap {
       padding: 0px 0px 30px 0px;
}
}

@media screen and (max-width:360px){
    .app_grid5 {
        text-align: center;
    }
.app_grid2:nth-child(14){
    grid-column:1/5;
    grid-row: 7/8;
}

.app_grid2:nth-child(15){
    grid-column:5/9;
    grid-row: 7/8;
}

.app_grid2:nth-child(16){
    grid-column:1/5;
    grid-row: 8/9;
}

.app_grid2:nth-child(17){
    grid-column:5/9;
    grid-row: 8/9;
}

.app_grid2:nth-child(18){
    grid-column:1/5;
    grid-row: 9/10;
}

.app_grid2:nth-child(19){
    grid-column:5/9;
    grid-row: 9/10;
}

.app_grid2:nth-child(20){
    grid-column:1/5;
    grid-row: 10/11;
}

.app_grid2:nth-child(21){
    grid-column:5/9;
    grid-row: 10/11;
}

.app_grid2:nth-child(22){
    grid-column:1/5;
    grid-row: 11/12;
}

.app_grid2:nth-child(23){
    grid-column:5/9;
    grid-row: 11/12;
}

.app_grid2:nth-child(24){
    grid-column:1/5;
    grid-row: 12/13;
}

.app_grid2:nth-child(25){
    grid-column:5/9;
    grid-row: 12/13;
}

.app_grid2:nth-child(26){
    grid-column:1/5;
    grid-row: 14/15;
}

.app_grid2:nth-child(27){
    grid-column:5/9;
    grid-row: 14/15;
}

.app_grid2:nth-child(28){
    grid-column:1/5;
    grid-row: 16/17;
}

.app_grid2:nth-child(29){
    grid-column:5/9;
    grid-row: 16/17;
}

}

@media screen and (min-width:701px){
    .none3,
    .none3{
        display: none;
    }
}


/*    prdOption  */

.delivery_ser,
.delivery_ser2{
    display: flex;
    flex-direction: row;
}

.delivery_ser2{
border-top: 1px solid #ececec;
}

.delinery_t{
    width: 150px;
    padding-left: 14px;
    font-weight: normal;
    text-align: left;
    color: #757575;
    line-height: 3.0;
    font-family: "Dotum";
    font-size:13px;
}

.delinery_f{
text-align: left;
    padding: 5px 2px 5px 2px;
}

.delinery_f select{
    width: 120px;
}

.delinery_f span{
    font-family: "Dotum";
    font-weight: 300;
    font-size: 13px;
    line-height: 2.2;
    color: #757575;
    }

    .delivery_ser3{
        border-top: 1px solid #ececec;
        }
        
        .delinery_t2{           
            padding-left: 14px;
            font-weight: normal;
            text-align: left;
            color: #757575;
            line-height: 3.0;
            font-family: "Dotum";
            font-size:13px;
        }



.orderer_flex,
.orderer_flex1{
    display: flex;
    padding:7px;
    border-bottom: 1px solid #d5d5d5;
    align-items: center;
    width: 100%;
    justify-content: left;
    
}

.orderer_flex span,
.orderer_flex1 span{
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    color: #757575;
    font-family: "Dotum";
}

.orderer_flex .fontw{
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #757575;
    font-family: "Dotum";
}

.orderer_flex .essential,
.orderer_flex1 .essential{
    vertical-align: baseline;
    }

.orderer{
        width:120px;       
        flex-shrink: 0;
    }

    .orderer_grid{
        font-family: "Nanum Gothic", sans-serif;
        font-weight: 400;
    }

.orderer_form{
        flex-grow: 1;
        font-size: 13px;
        font-family: "Nanum Gothic", sans-serif;
        font-weight: 400;
    }

.orderer_flex:last-child{
    border-bottom: 0px;
}

.orderer_form input[type=checkbox]{
    margin: 0px 0 0;
}

.orderer_form2{    
    border-bottom: 1px solid #d5d5d5 !important;
}

.orderer_form .checkb{
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #333;
    font-family: "Nanum Gothic", sans-serif;
    padding-left: 10px;
}


@media screen and (max-width:396px){
    .order-form #orderinfo_to_tel1,
    .order-form #orderinfo_to_card1{
       width: 70px;
       margin: 0 0px 0px 0;
    } 

    .order-form #orderinfo_from_tel1,
    .order-form #orderinfo_from_card1,
    .order-form #orderinfo_from_tel2,
    .order-form #orderinfo_from_tel3,
    .order-form #orderinfo_to_tel2,
    .order-form #orderinfo_to_tel3,
    .order-form #orderinfo_from_card2,
    .order-form #orderinfo_from_card3,
    .order-form #orderinfo_to_card2,
    .order-form #orderinfo_to_card3 {
        width: 50px;    
         margin: 0 0px 0px 0;
    } 

    .order-form #orderinfo_from_email1 {
        max-width: 110px;
        width: 80px;
        margin: 0 4px 3px 0;
    }
    
.container123contentinfo2    .order-form #orderinfo_from_email2 {
        max-width: 110px; 
        width: 80px;
        margin: 0 px 3px 4px;
    }

    .orderer_flex{
        align-items: normal;
        flex-direction: column;
        padding: 7px 0px 10px 5px;
    }

    .orderer{
        padding-top: 5px;
        padding-bottom:10px;
    }    
}

.container123 {
    margin: 0 auto;
    padding: 0 0 0;
    width: 100%;
    max-width: 800px;
  }
  
  .accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
  }
  .accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid #03b5d2;
  }
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #7288a2;
    font-size: 1.6rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none; 
  }
  .accordion button:hover, .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
  }
  .accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
  }
  .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
    color: #535353;
  }
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
  }
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  .accordion button[aria-expanded=true] {
    color: #03b5d2;
  }
  .accordion button[aria-expanded=true] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: 100rem;
    transition: all 0.3s linear;
    will-change: opacity, max-height;
    padding-top: 10px;
    padding-bottom: 30px;
    
  }
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 1.0s linear, max-height 0.2s linear;
    will-change: opacity, max-height;
    
  }
  .accordion .accordion-content p {
    font-size: 1.4rem;
    font-weight: 300;
    color: #373737;
    font-family: 'Gulim';
    
  }

  .explanation_f{   
    margin-top: 10px;
    padding:10px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 2px;
    height:100%;
    background-color: #f7f7f7;
    
  }

  .explanation_img{
    flex-basis: 20%;
    justify-self: center;
  }

  .explanation_img img{
    width: 130px;
    display: block;
    margin: 0 auto;   
  }

  .explanation_s{
    flex-basis: 80%;
    padding: 5px 25px 5px 25px;   
  }

  .explanation_s span{
    font-family: 'Gulim';
    font-size: 13px;
  }

  @media screen and (max-width:625px){
    .explanation_f{
        flex-direction: column;        
        height: 100%;        
    }
    .explanation_s{        
        padding: 5px 25px 5px 25px;   
      }
   }

  @media screen and (max-width:405px){
    .explanation_s{        
        padding: 5px 5px 5px 5px;   
      }
   }
 

   #board_pw{
    width: 140px;
   }


   .application_border10{
   margin: 0px auto;
    max-width: 600px;
    height: 100%;
    margin-bottom: 40px;
}

.application_border10 .prdInfo10{   
        background: #ffffff;
        margin: 9px 0 9px 0;
        border:0px solid #ccc;
        padding: 5px 0 0 0;	
    }


   .application_grid10{
   margin-top: 10px;
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: minmax(auto, 25px);
    border-top: 1px solid #d9d6d6;
    border-left: 1px solid #d9d6d6;
    
}

.application_grid10 > div{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.app_grid10{
    padding:10px;
    height:50px;
    font-family: 'Malgun Gothic', 'sans-serif';
}

.app_grid10:nth-child(n+0){
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;   
}

.app_grid10:nth-child(1),
.app_grid10:nth-child(3),
.app_grid10:nth-child(5),
.app_grid10:nth-child(7),
.app_grid10:nth-child(9){
    background: #F1F1F1;
}

.app_grid10 select{
    width: 100%;
}


.btnArea.type10{
    width: 100%;
    padding: 10px 3px;
}

.btn1{
    display: block;
    border-radius: 0px;
    letter-spacing: 0px;
    font-weight: normal;
    font-style: normal;
}

.btnArea{
    text-align: center;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    box-sizing: border-box;
    vertical-align: top;
}
.btnArea.type10 > a, .btnArea.type10 > button{
    width: 150px;
    height: 35px;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
}

.box_section{
    margin-top:0px; 
    padding:0px 10px 10px 10px
}


@media screen and (max-width:398px){
    .application_grid10{
        grid-template-columns: 70px auto;
    }

    .app_grid10{
        font-size: 12px;
    }
}


.contentfont {
    text-align: left;
    white-space: pre-wrap;
    font-family: "굴림", "Gulim", "Helvetica", "Helvetica", "Arial", sans-serif;
}

.content_con{
    text-align: left;
    
    font-family: "굴림", "Gulim", "Helvetica", "Helvetica", "Arial", sans-serif;
}

.explanation_sp{
    color:red;
    font-size: 1.5rem;
}