@charset "utf-8";
/* full font  */
/*@font-face { !* Webfont: Light*!*/
/*font-family: 'SECGothicL';*/
    /*src: local("삼성고딕 L"),local("SECGTL"), local("SECGothic L");*/
/*!*url('../font/SECGothic-L/SECGTL.eot'); !* IE9 Compat Modes *!*!*/
    /*src: url('../font/SECGothic-L/SECGTL.woff') format('woff'), !* Modern Browsers *!*/
    /*url('../font/SECGothic-L/SECGTL.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('../font/SECGothic-L/SECGTL.ttf') format('truetype'), !* Safari, Android, iOS *!*/
    /*url('../font/SECGothic-L/SECGTL.svg#SECGTL') format('svg'); !* Legacy iOS *!*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*text-rendering: optimizeLegibility;*/
/*}*/

/*!* Webfont: Regular *!@font-face {*/
    /*font-family: 'SECGothicR';*/
    /*src: local("삼성고딕 R"), local("SECGTR"), local("SECGothic R");*/
    /*!*url('../font/SECGothic-R/SECGTR1.eot'); !* IE9 Compat Modes *!*!*/
    /*src:url('../font/SECGothic-R/SECGTR1.woff') format('woff'), !* Modern Browsers *!*/
    /*url('../font/SECGothic-R/SECGTR1.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('../font/SECGothic-R/SECGTR1.ttf') format('truetype'), !* Safari, Android, iOS *!*/
    /*url('../font/SECGothic-R/SECGTR1.svg#SECGTR') format('svg'); !* Legacy iOS *!*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*text-rendering: optimizeLegibility;*/
/*}*/
/*!* Webfont: Medium *!@font-face {*/
    /*font-family: 'SECGothicM';*/
    /*src: local("삼성고딕 M"), local("SECGTM"), local("SECGothic M");*/
    /*!*url('../font/SECGothic-M/SECGTM.eot'); !* IE9 Compat Modes *!*!*/
    /*src: url('../font/SECGothic-M/SECGTM.woff') format('woff'), !* Modern Browsers *!*/
            /*url('../font/SECGothic-M/SECGTM.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('../font/SECGothic-M/SECGTM.ttf') format('truetype'), !* Safari, Android, iOS *!*/
    /*url('../font/SECGothic-M/SECGTM.svg#SECGTM') format('svg'); !* Legacy iOS *!*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*text-rendering: optimizeLegibility;*/
/*}*/

/* slim font : exclude a Chinese character and Japanese character  */
/* Webfont: SECGTL */@font-face {
font-family: 'SECGothicL';
/*src: url('../font/SECGothic-L-Slim/SECGTL.eot'); !* IE9 Compat Modes *!*/
src:
url('../font/SECGothic-L-Slim/SECGTL.woff') format('woff'), /* Modern Browsers */
url('../font/SECGothic-L-Slim/SECGTL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/SECGothic-L-Slim/SECGTL.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/SECGothic-L-Slim/SECGTL.svg#SECGTL') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: SECGTL */@font-face {
font-family: 'SECGothicR';
/*src: url('../font/SECGothic-R-Slim/SECGTR.eot'); !* IE9 Compat Modes *!*/
src:
url('../font/SECGothic-R-Slim/SECGTR.woff') format('woff'), /* Modern Browsers */
url('../font/SECGothic-R-Slim/SECGTR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/SECGothic-R-Slim/SECGTR.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/SECGothic-R-Slim/SECGTR.svg#SECGTL') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: SECGTL */@font-face {
font-family: 'SECGothicM';
/*src: url('../font/SECGothic-M-Slim/SECGTM.eot'); !* IE9 Compat Modes *!*/
src:
url('../font/SECGothic-M-Slim/SECGTM.woff') format('woff'), /* Modern Browsers */
url('../font/SECGothic-M-Slim/SECGTM.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/SECGothic-M-Slim/SECGTM.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/SECGothic-M-Slim/SECGTM.svg#SECGTL') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}


/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-family:'맑은고딕',malgun Gothic,sans-serif;font-size:12px}
body{word-break:break-all;color:#2f2f2f;}
body { background: url('../img/interview/bg_pattern.png');}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
caption,legend{
    visibility:hidden;overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;
}
caption{position:static}
input[type=text], input[type=password], textarea {padding:3px;}
select {padding:2px;}
select option {border:1px solid #f00 !important}
select, input[type=text], input[type=password] {height:17px;}
select, textarea {width:100%; border:1px solid #bbb;}
hr{display:none}
a, button, input {selector-dummy : expression(this.hideFocus=true);}
input, textarea {border:1px solid #bbb;}
input[type=radio], input[type=checkbox] {border:1px solid #fff;}
input:focus, textarea:focus {border:1px solid #a0a0a0;}
input[disabled] {background:#ededed !important; color:#bbb;}
input[type=radio]:disabled {background:transparent !important;}
.uppercase {text-transform: uppercase;}
[disabled] {cursor:not-allowed !important}
input,select,textarea{font-family:'맑은고딕',malgun Gothic,sans-serif;font-size:12px;color:#333;outline:none}

button {border-radius:3px}/* 모든 버튼 라운드 처리 */

a, a:active, a:focus, button, input[type=radio]:checked {outline: none}
a {text-decoration:none; cursor:pointer; color:#207be2}
/*a:hover, a:active, a:focus {outline: none; text-decoration: none; color: #17b0f5;}*/

/*.centered-wrapper { position: absolute; top:0; bottom: 0;left: 0; right: 0;}*/
html, body {height: 100%; width: 100%; margin: 0; }
html { display: table;}
body { display: table-cell; vertical-align: middle; }


/*login*/
#login_main {  /* set login box size */
    width:1173px;  /*1161 + 6 + 6 */
    height:595px; /*583 + 6 + 6*/
    margin:auto;
}

#login_container { /* set login bg image */
    height: 100%;
    line-height: 0;  /* no empty space between div */
    font-size:0; /* no empty space between div */
    background: url("../img/login/login_background_no_text1.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size:  100% 100%;
    -o-background-size:  100% 100%;
    background-size:  100% 100%;
    /*outline:1px solid red;*/
}
#login_copyright {  /* unused item */
    display: block;
    height:60px;
    padding-left:40px;
    margin-top:20px;
    font-size:12px;
    background-size:120px 30px;
    background-image: url("../img/login/samsung_logo_new.png");
    background-repeat: no-repeat ;
    background-position:95% center;
}
#login_left { /* left body to contain title text */
    width:435px;
    height:100%;
    /*background: #0033A0;*/
    display: inline-block;
}
#login_left_title { /*title text */
    width:370px;
    height:220px;
    padding: 55px 0 0 65px;
    line-height: 1.1em;
    font-family:'SECGothicL',malgun Gothic,sans-serif;
    /*font-weight: 200;*/
    font-size:61px;
    color:#ffffff;
    vertical-align:top;
    /*outline:1px solid red;*/
}

#login_right { /* right body */
    width:737px;
    height:100%;
    display:inline-block;
    /*background:white;*/
    vertical-align: top;
}
#login_right_top {  /*right top body */
    height:75%;
}

#login_right_title { /* title and logo container */
    display: inline-block;
    height:220px;
    width:91%;
    color:#0033A0;
    line-height: 1.1em;
    padding: 55px 0 0 65px;
    font-family:'SECGothicM',malgun Gothic,sans-serif;
    font-size:61px;
    vertical-align:top;
    /*outline:1px solid red;*/
    /*background: url("../img/login/kor_title.png") no-repeat;*/
}
#login_right_title span{ /* title and logo container */
    display: inline-block;
    line-height:80px;
}

#login_samsung_logo_img { /*logo */
    display: inline-block;
    float:right;
    margin-right:50px;
    vertical-align: middle;
    line-height: 1.1em;
    height:1.1em;
    width:110px;
    /*height:36px;*/
    background-size:110px 36px;
    background-image: url("../img/login/samsung_logo_new.png") ;
    background-position: center center;
    background-repeat: no-repeat ;
    /*background-position:95% top;*/
    /*outline:1px solid red;*/
}

#login_form {
    padding-left:50px;
}
#login_form_input {
    /*outline:1px solid red;*/
}
#login_form_title {
    display:block;
    line-height: normal;
    padding-bottom:25px;
    font-family:'SECGothicM',malgun Gothic,sans-serif;
    font-size: 14px;
    /*outline:1px solid blue;*/
}
#login_button_img {
    height:25px;
    min-width: 66px;
    vertical-align: top;
    cursor: pointer;
    border:none;
    background: url("../img/login/login.png") no-repeat center;
    -webkit-background-size: 66px 22px;
    -moz-background-size: 66px 22px;
    -o-background-size: 66px 22px;
    background-size: 66px 22px;
}
.input_r_margin {
    margin-right:10px;
}
.input_login_size {
    width:168px;
}

/*interview list*/
#interview_main {
    width:1161px;
    height:583px;
    margin:auto;
    font-size: 0; line-height: 0; /* remove inner div empty space */
    /*box-shadow: 0 0 5px;*/
    background: transparent;
    /*outline:1px solid red;*/
}
#interview_top {
    height:45px;
    /*line-height: 49px;*/
    box-shadow: 0px 3px 3px #a2a2a2;
    border-radius: 0 0 7px 7px;
    background-color:rgba(0,51,160,1);
    width:100%;
    margin-bottom: 10px;
    border: none;
    padding: 0;
    /*background: url("../img/interview/title_bar_3.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%; 
    background-size: 100% 100%;*/
    /*outline:1px solid red;*/
    /* do not use border-radius in case background image have text : IE: border-radius with background is not smooth (ie bug) */
}

#interview_top > span {
    float:right;
    line-height: 42px;
    margin-right:28px;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:13px;
    color:#7fbefd;
    /*outline:1px solid red;*/
}

#interview_top .syslogo	{ line-height: 42px; float:left; font-size:0px; margin:12px 0 10px 25px; background: url(../img/title_logo.png) no-repeat; width:105px; height:20px;}
#interview_top .sysid	{ color:#7fbefd; line-height: 42px; float:left; font-size:16px; margin-left: 10px; font-family:'맑은 고딕','SECGothicM'; font-weight:600;}


#interview_v_top_title_info > span{
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:13px;
    color:#7fbefd;
}

#interview_container {
    height:528px;
    width:100%;
    vertical-align: top;
    font-size: 0; line-height: 0; /* remove inner div empty space */
}

#interview_left {
    display: inline-block;
    width:405px;
    vertical-align: top;
    /*outline:1px solid red;*/
}

#interview_date {
    width:375px;
    height:66px;
    line-height: 66px;
    padding:3px 0 0 30px;
    /*vertical-align: middle;*/
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:20px;
    color:#FFFFFF;
    background: url("../img/interview/date_bg_2.png") no-repeat;
    background-size:100% 100%;
}

#interview_menu{
    height:459px;
    width:100%;
    background: url("../img/interview/interview_left_menu_bg_new.png") no-repeat;
    background-size:100% 100%;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 2px 2px #a2a2a2;
    -moz-box-shadow: 0px 2px 2px #a2a2a2;
    -webkit-box-shadow: 0px 2px 2px #a2a2a2;
    /*outline: 1px solid red;*/
}

#interview_menu_top,
#interview_menu_top_left,
#interview_menu_top_right{
    height:64px;
    line-height: 64px;
    width:100%;
}

#interview_menu_top_left,
#interview_menu_top_right{
    display: inline-block;
    vertical-align: top;
}
#interview_menu_top_left {
    width:257px;
}
#interview_menu_top_right {
    text-align: center;
    width:36%;
}

#interview_system,
#interview_list {
    display: inline-block;
    vertical-align: middle;
    height:30px;
    line-height: 30px;
    margin-left:30px;
}
#interview_system {
    max-width: 227px;
    background: url("../img/interview/go_interview_icon.png") no-repeat left center;
    background-size:16px 18px;
}
#interview_list {
    max-width:100%;
    margin:auto;
    background: url("../img/interview/go_list_icon.png") no-repeat left center;
    background-size:16px 18px;
}
#interview_system > span,
#interview_list > span  {
    margin-left: 23px;
    line-height: 30px;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:17px;
    font-weight: bold;
    color:#cdcdcd;
    /*outline:1px solid red;*/
}


#interview_menu_button {
    height:381px;
    padding-top:3px; /* add 3px to first menu top */
    overflow:auto;
}
#interview_menu_button .data_row {
    height:67px;
    width:100%;
    overflow:hidden;
    padding-bottom: 3px; /* show bottom shadow */
    /*outline:1px solid red;*/
}

#interview_menu_button .group_button_container,
#interview_menu_button .count_button_container {
    display: inline-block;
    height:67px;
    line-height:67px;
    text-align: center;

}

#interview_menu_button .group_button_container {
    /*width:257px;*/
    width:64%;
}

#interview_menu_button .count_button_container {
    width:36%;
}

#interview_menu_button .group_button,
#interview_menu_button .data_row:hover .group_button {
    width:199px;
    height:57px;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    padding-left:25px;

}
#interview_menu_button .group_button {
    background-size: 100% 100%;
    background: url("../img/interview/menu_interview_on.png") no-repeat;
}
#interview_menu_button .data_row:hover .group_button {
    background-size: 100% 100%;
    background: url("../img/interview/menu_interview_on.png") no-repeat;
    border-radius: 0 0 4px 4px;
    box-shadow:  0px 3px 3px #a2a2a2;
    -moz-box-shadow: 0px 3px 3px #a2a2a2;
    -webkit-box-shadow: 0px 3px 3px #a2a2a2;
}

#interview_menu_button .count_button,
#interview_menu_button .data_row:hover .count_button {
    width:113px;
    height:57px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    background-size: 100% 100%;
}
#interview_menu_button .count_button {
    background: url("../img/interview/menu_people_on.png") no-repeat;
}
#interview_menu_button .data_row:hover .count_button {
    background: url("../img/interview/menu_people_on.png") no-repeat;
    border-radius: 0 0 4px 4px;
    box-shadow:  0 3px 3px #a2a2a2;
    -moz-box-shadow: 0 3px 3px #a2a2a2;
    -webkit-box-shadow: 0 3px 3px #a2a2a2;
}

#interview_menu_button span,
#interview_menu_button .data_row:hover span {
    vertical-align: top;
    line-height: 57px;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:17px;
    font-weight: 500;
    color:#cccccc;
}
#interview_menu_button .data_row:hover span {
    color:#ffffff;
}

#interview_right {
    display: inline-block;
    height:535px; /*528+ 3 + 3 + 1 */
    width:751px;
    margin:-3px 0 0 3px;
    float:right;
    vertical-align: top;
    background: url("../img/interview/interview_content_bg.png") no-repeat;
    background-size:100% 100%;
    border-radius: 7px;
}
#interview_right_wrap {
    margin: 40px 20px 0 20px;
    height:480px;
    /*outline:1px solid red;*/
    position:relative;
    display: block;
}
.interview_right_title {
    line-height: normal;
    margin-bottom: 12px;
    font-family:'SECGothicM',malgun Gothic,sans-serif;
    font-size: 18px;
}
.interview_right_title > .title {
    color :  #114a9e;
}
.interview_right_title > .count {
    color : #3c95d9;
}
.title_top_margin {
    margin-top:25px;
}


#interview_applicant {
    height: 445px; /*480-17-12 -6*/
    overflow: auto;
    /*outline:1px solid red;*/
}
#interview_applicant_table {
    /*width:711px;*/
    width:100%;
    display: table;

}

#interview_applicant_table,
#interview_applicant_table th,
#interview_applicant_table td {
    border:none;
    border-collapse: collapse;
}

#interview_applicant_table tr:first-child{
    width:100%;
    height:100%;
    border-top:2px solid #474747; /* table top line */
    border-bottom: 1px solid #a2a2a2;
    background: url("../img/interview/table_top_bg.png");
}

#interview_applicant_table th:first-child{
    border-left:none;
}
#interview_applicant_table td:first-child {
    border-left:none;
}

#interview_applicant_table td:nth-child(3),
#interview_applicant_table td:nth-child(4) {
    text-align: left;
}

#interview_applicant_table th {
    border-left: 1px solid #c6c7ca;
    height:36px;
    color:#4a4a4a;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:12px;
    font-weight: normal;
    text-align: center;
}
#interview_applicant_table tr {
    border-bottom: 1px solid #e3e5ea;
    border-collapse: collapse;
}

#interview_applicant_table td {
    display: table-cell;
    height:62px;
    text-align: center;
    padding:5px;
    background-color: transparent;
    white-space:normal;
    word-break:normal;
    line-height: normal;
    border-left:1px solid #e3e5ea;
}

#resume_icon {
    display: block;
    width:27px;
    height:29px;
    margin: 0 auto;
    background: url("../img/interview/resume_icon_1.png") no-repeat;
}

#interview_applicant_table .th_number{
    width:6%;
}
#interview_applicant_table .th_name,
#interview_applicant_table .th_resume {
    width:12%;
}

#interview_applicant_table .th_degree,
#interview_applicant_table .th_career {
    width:35%;
}

.interview_navi {position:absolute; bottom:-10px; right: -10px;}
.interview_navi a {display:inline-block; width:47px;height:47px;background:url('../img/interview/split_common.png') no-repeat;}
.interview_navi .navi_top {width:47px;height:47px; background-position:0 -150px;}
/*#interview_right_wrap .navi .navi_top span {text-indent:-9999px; position:absolute;}*/

#interview_applicant_bottom {
    margin-top:-1px;
    margin-left:20px;
    margin-right:20px;
    width:700px;
    height: 2px;
    background: url("../img/interview/bottom-line.png");
}

/*interview view */
#interview_v_top_title {
    display: block;
    float:right;
    margin-right:20px;
    line-height: 42px;
    /*outline:1px solid red;*/
}

#interview_v_top_title > span {
    float:right;
    line-height: 42px;
    height:42px;    
    margin-right:10px;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:13px;
    color:#ffffff;
    /*outline:1px solid red;*/
}

#interview_v_top_title > span{
    height:42px;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:13px;
    color:#ff9e13;
    vertical-align: middle;
}
#interview_v_top_title .vertical_bar {
    display: inline-block;
    vertical-align: middle;
    height:16px;
    margin: 0 10px 0 10px;
    border-left: 1px solid #1f4cac;
}

#interview_v_top_title_info {
    display: inline-block;
    min-width:90px;
    height:30px;
    line-height: 30px;
    /*margin-left:10px;*/
    padding-left:5px;
    padding-right:5px;
    vertical-align: middle;
    font-size:13px;
    text-align: center;
    background: url("../img/interview/top_view_button.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    /*outline:1px solid red;*/
    color:#7fbefd;
}

#interview_v_top_title_info > span {
    line-height: normal;
    /*text-align: center;*/
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:11px;
    vertical-align: middle;
    /*outline:1px solid red;*/
}

#interview_v_top_title_info > span.name {
    color:#ffffff;
}

#interview_v_top_title_info > span.view {
    color:#7fbefd;
}

#interview_v_top_title_close{
    display: inline-block;
    width:80px;
    font-weight:800;
    line-height:23px;
    background-color: rgba(91, 104, 132, 1);
    height:24px;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 5px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;    
}

#interview_v_container {
    height:528px;
    width:100%;
    vertical-align: top;
    font-size: 0; line-height: 0; /* remove inner div empty space */
}

#interview_v_left {
    display: inline-block;
    width:262px;
    vertical-align: top;
    /*outline:1px solid red;*/
}

#interview_v_left_top {
    width:100%;
    height:69px;
    line-height: 69px;
    /*padding:3px 0 0 30px;*/
    /*vertical-align: middle;*/
    /*font-family:'SECGothicR',malgun Gothic,sans-serif;*/
    /*font-size:20px;*/
    /*color:#FFFFFF;*/
    background: url("../img/interview/pk_bg.png") no-repeat;
    background-size:100% 100%;
}

#interview_v_left_top span {
    display: inline-block;
    height:69px;
    width:160px;
    text-align:center;
    vertical-align: middle;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:20px;
    color:#FFFFFF;
    /*outline:1px solid red;*/
}

#interview_v_left_top a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height:69px;
    width:51px;
    /*outline: solid 1px red;*/
}

#interview_v_left_top a .left_disable {
    display: inline-block;
    width:17px;
    height:22px;
    text-align: center;
    vertical-align: middle;
    background: url("../img/interview/split_common.png") no-repeat;
    background-position: -130px -70px;
    /*outline:1px solid red;*/
}

#interview_v_left_top a .left_previous {
    display: inline-block;
    width:17px;
    height:22px;
    vertical-align: middle;
    background: url("../img/interview/split_common.png") no-repeat;
    background-position: -130px -40px;
}

#interview_v_left_top a .right_disable {
    display: inline-block;
    width:17px;
    height:22px;
    vertical-align: middle;
    background: url("../img/interview/split_common.png") no-repeat;
    background-position: -150px -70px;
}

#interview_v_left_top a .right_next {
    display: inline-block;
    width:17px;
    height:22px;
    vertical-align: middle;
    background: url("../img/interview/split_common.png") no-repeat;
    background-position: -150px -40px;
    /*outline:1px solid red;*/
}

#interview_v_menu{
    height:410px;
    width:100%;
    padding-top:8px; /* add 8px to first menu top */
    overflow:auto;
    background: url("../img/interview/interview1_left_bg.png") no-repeat;
    background-size:100% 100%;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 2px 2px #a2a2a2;
    -moz-box-shadow: 0px 2px 2px #a2a2a2;
    -webkit-box-shadow: 0px 2px 2px #a2a2a2;
    /*outline: 1px solid red;*/
}

#interview_v_menu .personal_button_container {
    display: inline-block;
    height:67px;
    width:100%;
    line-height:67px;
    text-align: center;
    /*outline:1px solid red;*/
    padding-bottom: 3px;
}


#interview_v_menu .personal_button,
#interview_v_menu .personal_button:hover {
    width:199px;
    height:57px;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    padding-left:25px;
}
#interview_v_menu .personal_button {
    background-size: 100% 100%;
    background: url("../img/interview/menu_interview_on.png") no-repeat;
}
#interview_v_menu .personal_button:hover {
    background-size: 100% 100%;
    background: url("../img/interview/menu_interview_on.png") no-repeat;
    border-radius: 0 0 4px 4px;
    box-shadow:  0px 3px 3px #a2a2a2;
    -moz-box-shadow: 0px 3px 3px #a2a2a2;
    -webkit-box-shadow: 0px 3px 3px #a2a2a2;
}

#interview_v_menu span,
#interview_v_menu  .personal_button:hover span {
    vertical-align: top;
    line-height: 57px;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:17px;
    font-weight: 500;
    color:#747474;
}
#interview_v_menu .personal_button:hover span {
    color:#ffffff;
}

#interview_v_save{
    height:44px;
    width:100%;
    background: url("../img/interview/interview1_left_save.png") no-repeat;
    background-size:100% 100%;
    /*outline: 1px solid red;*/
}



#interview_v_right {
    display: inline-block;
    height:535px; /*528+ 3 + 3 + 1 */
    width:895px;
    margin:-3px 0 0 3px;
    float:right;
    vertical-align: top;
    background: url("../img/interview/interview1_right_bg.png") no-repeat;
    background-size:100% 100%;
    border-radius: 7px;
}

#interview_v_right_wrap {
    margin: 40px 20px 0 20px;
    height:480px;
    /*outline:1px solid red;*/
    position:relative;
    display: block;
}

#interview_v_right_container {
    height: 451px; /*480-17-12*/
    overflow: auto;
    /*outline:1px solid blue;*/
}

.interview_v_right_table {
    /*width:711px;*/
    width:100%;
    display: table;
}


.interview_v_right_table,
.interview_v_right_table th,
.interview_v_right_table td {
    border:none;
    border-collapse: collapse;
}

.interview_v_right_table tr:first-child{
    width:100%;
    height:100%;
    border-top:2px solid #474747; /* table top line */
    border-bottom: 1px solid #a2a2a2;
    background: url("../img/interview/table_top_bg.png");
}

.interview_v_right_table tr:last-child{
    border-bottom:2px solid #474747; /* table top line */
}

.interview_v_right_table th:first-child{
    border-left:none;
}
.interview_v_right_table td:first-child {
    border-left:none;
}
.interview_v_right_table.bold td:first-child {
    font-weight: bold;
}


.interview_v_right_table th {
    border-left: 1px solid #c6c7ca;
    height:36px;
    color:#4a4a4a;
    font-family:'SECGothicR',malgun Gothic,sans-serif;
    font-size:12px;
    font-weight: normal;
    text-align: center;
}
.interview_v_right_table tr {
    border-bottom: 1px solid #e3e5ea;
    border-collapse: collapse;
}

.interview_v_right_table td {
    display: table-cell;
    height:25px;
    text-align: center;
    padding:5px;
    background-color: transparent;
    white-space:normal;
    word-break:normal;
    line-height: normal;
    border-left:1px solid #e3e5ea;
}

.interview_v_right_table textarea {
    width: 90%;
}
.interview_v_right_table select {
    width: 60%;
    height: 25px;
}
.interview_v_right_table select {
    width: 90%;
}

.interview_v_right_table .height_70 {
    height:70px;
}

.interview_v_right_table .underline {
    text-decoration: underline;
}

.interview_v_right_table .col_1{
    width:10%;
}
.interview_v_right_table .col_2 {
    width:35%;
}
.interview_v_right_table .col_3 {
    width:25%;
}

.interview_v_right_table .col_4 {
    width:15%;
}

#loading	{ position: fixed; top: 0px; left: 0px; margin: 0; display: inline-block; width: 100%; height: 100%; z-index: 2000; background: url(../img/page-loader.gif) no-repeat; background-position: center center; cursor: wait;background-color: rgba(10,100,100,0.05);}
#sendform	{ display:none; }

.resume_area {	position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(91, 104, 132, 0.6);z-index:1000;display:block;}
.resume_hide {	display:none;}
.resume_area .resume_area_warp { position:relative; width: 1024px;  margin:auto; top:76px; box-shadow: 0px 3px 3px #333333; -moz-box-shadow: 3px 3px 3px #333333;   -webkit-box-shadow: 3px 3px 3px #333333; border: 3px solid rgba(84, 89, 100, 1);    background-color: #ffffff;    border-radius: 7px; z-index:10000;}
.resume_area .resume_area_warp h1 { font-size:20px;margin:20px 0 0 10px; }
.resume_area .resume_area_warp .pop_close_top {cursor:pointer; width: 50px; height:45px; position:absolute; right:-6px; top:-3px; background: url('../img/interview/rightBox_bgTop_design_close.png') no-repeat; border-radius: 0 15px 0 0;font-size:20px;color:#ffffff}
.resume_area .resume_area_warp iframe {width: 1000px;height: 500px;margin: 10px;border:0px;margin-top: 34px;    border-bottom-color: #cccccc; border-bottom-width: 2px; border-bottom-style: solid; border-top-color: #cccccc; border-top-width: 2px; border-top-style: solid;}
.resume_area .resume_area_warp .pop_close_wrap {border: none; width: 100%; height: 20px; text-align: center; line-height: 16px; font-size: 13px; display: inline-block;font-weight:600;margin-bottom:20px;margin-top:10px;}
.resume_area .resume_area_warp .pop_close_wrap .pop_close_bottom {padding: 5px 20px; border-radius: 4px; color: rgb(255, 255, 255); background-color: rgba(91, 104, 132, 1);}
.resume_area .resume_area_warp .pop_bottom_1 { height:2px; width:100%;margin-bottom:1px;background-color:#cccccc;display:block;}
.resume_area .resume_area_warp .pop_bottom_2 { height:2px; width:100%;margin-bottom:1px;background-color:#cccccc;display:block;bottom:0px;}