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

*
{
   margin: 0;
   padding: 0;
}

body
{
   margin-top: 10px;
   word-break: keep-all;
   word-wrap: break-word;
   background-color: #FFF;
   font-family: 'Nanum Gothic', alial, verdana, simsun;
   font-size: 11pt;
   line-height: 160%;

   :lang(en) {
       font-family: Arial, Helvetica, sans-serif;
   }

   :lang(zh) {
       font-family: "Microsoft YaHei", "SimSun", sans-serif;
       word-break: break-all;
   }

   :lang(ja) {
       font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   }

   :lang(ko) {
       font-family: "Nanum Gothic", "Malgun Gothic", sans-serif;
   }

   :lang(vi) {
       font-family: "Roboto", "Arial", sans-serif;
   }
}

@media all and (min-width:1px)
{
   #s_wrap
   {
      width: 94%;
      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;
   font-weight: bold;
   padding: 30px 20px 30px 20px;
   background: #D4A9A0;
   border-radius: 5px;
}

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

#s_intro
{
   margin: 0 auto;	
   margin-top: 2px;
   word-break: normal;
   font-weight: bold;
   padding: 15px 10px 10px 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-bottom: 10px;
}

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

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

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

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

#s_lang
{
   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
{
   font-size:14px;
   margin-top: 20px;
   margin-bottom: 10px;
   color: #086A87;
   padding-left:15px;
   padding-right:15px;
   line-height:135%;
   text-align: center;
}

#s_login
{
   margin: 0 auto;	
   margin-top: 10px;
}

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

#s_head
{
   padding:25px 20px 2px 20px;
   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;
   line-height: 140%;
   color: #424242;
}

#s_head p:last-child
{
   padding-top: 10px;
   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: normal;
   font-size: 14px;
   color:#0489B1;
   line-height:140%;
}

#s_section_title
{
   margin: 10px auto;	
   background: #E6E6E6;
   padding: 5px 20px;
   font-weight: normal;
   border-radius: 1px;
   font-weight:bold;
   color:#000;
}

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

#s_section_title3
{
   margin: 10px auto;	
   background: #CBF0B8;
   padding: 5px 20px;
   font-weight: bold;
   border-radius: 1px;
   color:#4D4D54;
}

#s_section_title4
{
   margin: 10px auto;	
   background: #F1DCC8;
   padding: 5px 20px;
   font-weight: bold;
   border-radius: 1px;
   color:#4D4D54;
}

.s_refer
{
   margin: 10px auto;	
   background: #EFF5FB;
   padding: 10px 15px 5px 15px;
   font-weight: normal;
   font-size: 10pt;
   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_exam2
{
   margin: 10px auto;	
   padding: 10px 10px 10px 10px;
   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: 30px auto;	
   text-align: center;
   font-size:15pt;
   font-weight: bold;
   color: #000;
}

#s_end_sub2
{
   margin: 10px auto;	
   text-align: center;
   padding: 10px 10% 30px 10%;
   font-size:12pt;
   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: 15px 10px 12px 10px;
   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: 15px 0px 8px 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: 7px 0px 2px 0px;
}

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

.chinese-text {
   font-family: 'SimSun', sans-serif;
 }


.hlight {
   color: #cc0066;
   text-decoration: underline;
   text-underline-position: under;
}

.wordbk {
   word-break: normal;
}


.empha {
   color: #006699;
   font-weight: bold;
}

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


A:link{color:green; font-size:10pt;}
A:visited{color:green; font-size:10pt;}
A:hover{color:white; font-size:10pt;}
A:active{color:blue; font-size:10pt;}
A{text-decoration:none;}