@import url(../../../fonts/nanumgothic/nanumgothic.css);

*
{
   margin: 0;
   padding: 0;
}

body
{
   margin-top: 10px;
   word-break: keep-all;
   background-color: #FFF;
   font-family: 'Nanum Gothic', 돋움체;
   font-size: 11pt;
   line-height: 160%;
}

@media all and (min-width:1px)
{
   #s_wrap
   {
      width: 95%;
      margin: 0 auto;	
   } 
}

@media all and (min-width:1024px)
{
   #s_wrap
   {
      max-width: 1024px;
      margin: 0 auto;	
   } 
}

#s_title
{
   margin: 0 auto;	
   margin-top: 10px;
   word-break: keep-all;
   font-weight: bold;
   padding: 35px 20px 35px 20px;
   background: #BC8F8F;
   border-radius: 5px;
}

#s_title p
{
   text-align: center;
   font-size: 15pt;
   color: #FFF;
   line-height: 130%;
}

#s_intro
{
   margin: 0 auto;	
   margin-top: 10px;
   word-break: normal;
   font-weight: bold;
   padding: 15px 10px 15px 10px;
   box-shadow: 2px 2px 5px 0 grey;
   border-radius: 5px;
}

#s_intro p:first-child
{
   margin-bottom: 10px;
}

#s_intro p:nth-child(2)
{
   margin-bottom: 10px;
}

#s_intro p:nth-child(3)
{
   margin-bottom: 10px;
}

#s_intro p:nth-child(4)
{
   margin-bottom: 10px;
}

#s_intro p:nth-child(5)
{
   margin-top: 10px;
   margin-right: 10%;
   text-align: right;
}

#s_co_logo
{
   margin-top: 15px;
   text-align: center;
}

#s_co_logo2
{
   margin-top: 0px;
   text-align: center;
}

#s_intro_sub1
{
   margin: 0 auto;	
   margin-top: 0px;
}

#s_contac
{
   margin: 0 auto;	
   margin-top: 10px;
   padding: 20px;
   border: 1px solid grey;
   border-radius: 5px;
   background: #F6F7F8;
   line-height: 140%;
}

#s_contac p
{
   font-size: 10pt;
   font-weight: bold;
   margin-bottom: 10px;
}

#s_contac table
{
   font-size: 10pt;
   font-weight: normal;
}



#s_survey_cmt
{
   margin: 0 auto;	
   margin-top: 10px;
   padding: 20px;
   border: 1px solid grey;
   border-radius: 5px;
   background: #f5f8ee;
   line-height: 140%;
}

#s_survey_cmt p
{
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 10px;
}

#s_survey_cmt table
{
   font-size: 15px;
   font-weight: normal;
}



#s_login_cmt
{
   margin: 0 auto;
   text-align:center;
   margin-top: 20px;
   margin-left: 10px;
   margin-right: 10px;
   font-size: 15px;
   color: #086A87;
   line-height:130%;
}

#s_login_org
{
   margin: 0 auto;	
   margin-top: 10px;
   text-align: center;
}

#s_login
{
   margin: 0 auto;	
   margin-top: 10px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

#s_submit
{
   margin: 0 auto;	
   margin-top: 30px;
   margin-bottom: 30px;
   text-align: center;
}

#s_head
{
   padding:30px 10px 2px 10px;
   background: #E6E6E6;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

#s_head p:first-child
{
   text-align: center;
   font-size: 14pt;
   font-weight: bold;
   color: #424242;
}

#s_head p:last-child
{
   padding-top: 15px;
   text-align: center;
   font-size: 9pt;
   color: #424242;
}

#s_progress
{
   width: 100%;
   height: 10px;
   text-align: center;
}

#s_progress_left
{
   float: left;
   height: 10px;
   background-color: #04B486;
   left: 0;
   top: 0;
}

#s_progress_right
{
   float: right;
   height: 10px;
   background-color: #BDBDBD;
   right: 0;
   top: 0;
}

.s_question
{
   margin: 10px auto;	
   background: #E0E6F8;
   padding: 10px 20px;
   font-weight: bold;
   border-radius: 5px;
}

.s_sub_question
{
   font-weight: normal;
   font-size: 10pt;
   color:#0489B1;
   line-height:130%;
}

.s_sub_question2
{
   font-weight: bold;
   font-size: 15px;
   color:#0489B1;
   line-height:150%;
}

.s_sub_question3
{
   font-weight: normal;
   font-size: 14px;
   color:#BE534A;
   line-height:150%;
}

#s_section_title
{
   margin: 10px auto;	
   background: #F0F0F1;
   padding: 5px 20px;
   font-weight: bold;
   border-radius: 1px;
   color:#859F55;
}

#s_section_title2
{
   margin: 10px auto;	
   background: #F0F0F1;
   padding: 5px 20px;
   font-weight: bold;
   border-radius: 1px;
   color:#996633;
}

.s_refer
{
   margin: 10px auto;	
   background: #f0f5f5;
   color: #000;
   padding: 15px 15px;
   font-weight: bold;
   font-size: 15px;
   line-height:150%;
   word-break: normal;
   border-radius: 1px;
}

.s_exam
{
   margin: 10px auto;	
   padding: 10px 10px 0px 20px;
   border: 1px solid #E6E6E6;
   border-radius: 5px;
}

.s_exam table
{
   width: 100%;
}

.s_exam table td
{
   padding-bottom: 10px;
}

#s_bottom
{
   padding:10px;
   background: #FBEFEF;
   border-radius: 5px;
}

#s_bottom p
{
   text-align: center;
   font-size:10pt;
}

#s_next
{
   margin: 0 auto;	
   margin-top: 15px;
   margin-bottom: 30px;
   text-align: center;
}

#s_end
{
   margin: 10px auto;	
   padding: 10px 10px 10px 10px;
   border: 1px solid #E6E6E6;
   background: #A4DAA0;
   border-radius: 5px;
}

#s_end_sub1
{
   margin: 20px auto;	
   text-align: center;
   font-size:15pt;
   font-weight: bold;
   color: #000;
}

#s_end_sub2
{
   margin: 10px auto;	
   text-align: center;
   padding: 10px 1% 10px 1%;
   font-size:11pt;
   font-weight: normal;
   color: #273A61;
}

#s_end_sub3
{
   margin: 10px auto;	
   text-align: center;
   padding: 10px 1% 10px 1%;
   font-size:11pt;
   font-weight: normal;
   color: #0F6A8E;
}

input.type1
{
   border:1px solid #008080;
   text-align: center;
   height: 30px;
   font-size: 11pt;
   border-radius: 5px;
   box-shadow: 1px 1px 3px 0 grey;
}

input.type2
{
   border:1px solid #008080;
   text-align: left;
   height: 20px;
   font-size: 10pt;
   border-radius: 2px;
}

input.type3
{
   border:1px solid #008080;
   text-align: center;
   height: 30px;
   font-size: 11pt;
   border-radius: 5px;
}

.fbold {color: #088A4B;}
.fnormal {font-weight: normal;}

.underline {text-decoration: underline;}

.tbl1
{
   border: 1px solid #B5B3B2;
   border-collapse: collapse;
}

.tbl1 th
{ 
   border: 1px solid #B5B3B2;
   background: #DCDAD8;
   text-align: center;
   line-height: 130%;
   padding: 10px;
   font-weight: normal;
}

.tbl1 td
{ 
   border: 1px solid #B5B3B2;
   background: #FFFFFF;
}

td.tblno
{
   text-align: center;
   background: #F7F2E0;
}

td.tblquestion
{
   padding: 5px 10px;
   background: #F7F2E0;
}

input.bigsize
{
   width: 17pt;
   height: 17pt;
}

/* 모바일 테이블 질문 관련 클래스 정의 START */

.s_mtquestion
{
   margin: 0px auto;	
   background: #F7F2E0;
   padding: 20px 15px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

.tbl2
{
   border: 1px solid #F7F2E0;
   border-collapse: collapse;
}

.tbl2 th
{ 
   border: 1px solid #F7F2E0;
   background: #E6E6E6;
   text-align: center;
   line-height: 130%;
   padding: 4px 4px;
   font-size: 14px;
   font-weight: normal;
}

.tbl2 td
{ 
   border: 1px solid #F7F2E0;
   background: #FFFFFF;
   padding: 10px 0px 0px 0px;
}


/* tbl2와 같음 td의 위아래 padding만 줄였음 */
.tbl3
{
   border: 1px solid #F7F2E0;
   border-collapse: collapse;
}

.tbl3 th
{ 
   border: 1px solid #F7F2E0;
   background: #E6E6E6;
   text-align: center;
   line-height: 130%;
   padding: 4px 4px;
   font-size: 14px;
   font-weight: normal;
}

.tbl3 td
{ 
   border: 1px solid #F7F2E0;
   background: #FFFFFF;
   padding: 0px 0px 0px 0px;
}

.uline
{
   text-decoration: underline;
   text-underline-position: under;
}

.bcolor
{
   color: #2e5cb8;
}

.ulinebcolor
{
   text-decoration: underline;
   text-underline-position: under;
   color: #2e5cb8;
}

/* 모바일 테이블 질문 관련 클래스 정의 END */


A:link{color:green;}
A:visited{color:green;}
A:hover{color:orange;}
A:active{color:green;}
A{text-decoration:none;}