@charset "utf-8";
/* CSS Document */

body{font-family:"돋움"; font-size:12px; color:#666666;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, button, p, table, th, td,img {padding:0; margin:0;}

li{list-style:none;}

img {border:none;}

a, a:link, a:visited {color:#494949; text-decoration:none; cursor:pointer;}

a:hover, a:active, a:focus {color:#06c !important;}

.text_ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:97%;}


/* 패딩 */
.pad_t_2 {padding-top:2px;}
.pad_t_3 {padding-top:3px;}
.pad_t_4 {padding-top:4px;}
.pad_t_5 {padding-top:5px;}
.pad_t_7 {padding-top:7px;}
.pad_t_8 {padding-top:8px;}
.pad_t_10 {padding-top:10px;}
.pad_t_15 {padding-top:15px;}
.pad_t_20 {padding-top:20px;}

.pad_b_2 {padding-bottom:2px;}
.pad_b_4 {padding-bottom:4px;}
.pad_b_5 {padding-bottom:5px;}
.pad_b_8 {padding-bottom:8px;}
.pad_b_10 {padding-bottom:10px;}
.pad_b_15 {padding-bottom:15px;}
.pad_b_20 {padding-bottom:20px;}

.pad_l_2 {padding-left:2px;}
.pad_l_4 {padding-left:4px;}
.pad_l_5 {padding-left:5px;}
.pad_l_8 {padding-left:8px;}
.pad_l_10 {padding-left:10px;}
.pad_l_15 {padding-left:15px;}
.pad_l_20 {padding-left:20px;}

.mar_l_2 {margin-left:2px;}
.mar_l_4 {margin-left:4px;}
.mar_l_5 {margin-left:5px;}
.mar_l_6 {margin-left:6px;}
.mar_l_7 {margin-left:7px;}
.mar_l_8 {margin-left:8px;}
.mar_l_10 {margin-left:10px;}
.mar_l_15 {margin-left:15px;}
.mar_l_20 {margin-left:20px;}
.mar_l_25 {margin-left:25px;}
.mar_l_30 {margin-left:30px;}

.mar_b_2 {margin-bottom:2px;}
.mar_b_4 {margin-bottom:4px;}
.mar_b_5 {margin-bottom:5px;}
.mar_b_6 {margin-bottom:6px;}
.mar_b_7 {margin-bottom:7px;}
.mar_b_8 {margin-bottom:8px;}
.mar_b_10 {margin-bottom:10px;}
.mar_b_15 {margin-bottom:15px;}
.mar_b_20 {margin-bottom:20px;}

.mar_t_2 {margin-top:2px;}
.mar_t_4 {margin-top:4px;}
.mar_t_5 {margin-top:5px;}
.mar_t_6 {margin-top:6px;}
.mar_t_7 {margin-top:7px;}
.mar_t_8 {margin-top:8px;}
.mar_t_10 {margin-top:10px;}
.mar_t_15 {margin-top:15px;}
.mar_t_20 {margin-top:20px;}


.mar_r_2 {margin-right:2px;}
.mar_r_4 {margin-right:4px;}
.mar_r_5 {margin-right:5px;}
.mar_r_6 {margin-right:6px;}
.mar_r_7 {margin-right:7px;}
.mar_r_8 {margin-right:8px;}
.mar_r_10 {margin-right:10px;}
.mar_r_15 {margin-right:15px;}
.mar_r_20 {margin-right:20px;}
.mar_r_30 {margin-right:30px;}
.mar_r_40 {margin-right:40px;}


/* 폰트 사이즈 */
.font_11 {font-size:11px;}
.font_14 {font-size:14px;}
.font_16 {font-size:16px;}
.font_18 {font-size:18px;}

/* 폰트 색상 */
.blue_1 {color:#0054a6;}
.blue_2 {color:#0072bc;}
.blue_3 {color:#2d69c5;}
.red {color:#F00;}




.float_L{float:left;}
.float_R{float:right;}

.pointer {cursor:pointer;}


/**날개 배너**/
#wing_banner{
	position:absolute;
	margin-top:-113px;
	margin-left:197px;
}


/**텔레잡 광고 배너**/
#tele_banner0{
	position:absolute;
	margin-top:-114px;
	margin-left:197px;
}
/*#tele_banner1{
	position:absolute;
	margin-top:350px;
	margin-left:197px;
}*/
#tele_banner2{
	position:absolute;
	margin-top:145px;
	margin-left:197px;
}

/**비즈메카 배너**/
#bizmeka_banner{
	position:absolute;
	margin-top:635px;
	margin-left:197px;
}

/**텔레잡 광고 배너**/
#tele_Top_banner{
	/*float:left;*/
    padding-top:2px;
}

.wrapper{width:960px; margin:auto;}

#header {height:100px;}

#header .logo{padding:12px 0 0 10px; float:left; height:78px; }

#search { float:left; margin:25px 10px 0 23px; padding-left:5px; height:60px; width:380px;  background-image:url(/img/search_bg.gif); background-repeat:no-repeat; }

#search li {float:left; }

#search dd {float:left; }

#search .input { border:0px; height:22px; margin-top:3px; width:325px; padding-left:5px; padding-top:5px;}

#search .keyword {text-align:center;  padding:5px 0 0 0px; clear:both; margin-left: -5px;}

#menu {height:42px; background-image:url(/img/menu_bg.gif); clear:both;}

#menu li{ float:left; padding:12px 17px 0 17px;}

#menu .menu_r{ float:right; background-image:url(/img/menu_r_bg.jpg); height:42px; width:253px; }

#notice {clear:both; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3; height:27px;}

#notice li{float:right; padding-right:10px;}
.notice_view {width:280px; padding-left:5px;}

#main {
    /*background:url(/img/ba_def_logo.gif) center repeat;*/ 
}

#top_cont{width:960px; margin:auto; height:220px; padding-top:5px;}

/**스피드 채용공고**/
#speed {width:272px; height:220px; float:left;}

#speed h3{/*border-bottom:2px solid #448ccb;*/ background-image:url(/img/speed_tt_bg.gif); background-repeat:no-repeat; height:38px; font-size:12px; font-weight:normal;  }

#speed dl{ padding-top:10px; float:right; margin-right:5px;}

#speed dd{ float:left; /*margin-left:5px;*/ }

#speed ul{/*border:1px solid #adcdec;*/}

#speed li { border-bottom:1px dotted #a7a7a7; line-height:35px; padding-left:10px; }
#speed li:nth-child(2n){ border-bottom:1px dotted #a7a7a7; line-height:35px; padding-left:10px; background:#F6F6F6;}


/**추천으로 보는 소식**/
#community {width:248px; height:220px; float:left; margin-left:7px;}

#community h3{border-bottom:2px solid #a7a7a7; background-image:url(/img/comu_tt_bg.gif); background-repeat:no-repeat; height:29px; text-align:right; font-size:12px; font-weight:normal; padding:9px 8px 0 0;}

#community ul{border:1px solid #c6c6c6; height:180px; width:246px;}

#community li{ border-bottom:1px dotted #a7a7a7; line-height:35px; padding-left:8px;}

#right_cont01 {width:490px; height:220px; float:left; margin-left:3px;}
#right_cont01 ul {clear:both;}
#right_cont01 ul li {float:left; position: relative;}

/**아웃소싱 배너**/
#left_os_service{
	position: absolute;
	padding-top: 0px;
	margin-left: -140px;
    width: 136px;
    height: auto;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%), url('/img/bgimg/sky2.jpg');
    background-repeat: repeat;
    background-size: contain;
}
#left_os_service div {margin-bottom: 0px;}
#left_os_service img {}
#right_os_service{
	position: absolute;
	padding-top: 0px;
	margin-left: 196px;
    width: 136px;
    height: auto;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%), url('/img/bgimg/sky2.jpg');
    background-repeat: repeat;
    background-size: contain;
}

/* 아웃소싱 배너 */
#OS_Banner { 
    /*padding-top: 5px;*/
    position: absolute;
    width:136px; 
    margin:auto; 
    clear:both; 
}
#OS_Banner ._first { margin-top: 0px; width:135px; height: 25px; text-align: center; }
#OS_Banner ._end { margin-top: 0px; width:135px; height: 25px; text-align: center; }
#OS_Banner ._info { margin-top: 5px; width:135px; height: 25px; text-align: center; line-height:16px;}
#OS_Banner ._preview { margin-top: 10px; width:136px; text-align: center; line-height:16px;}
#OS_Banner ._info1 { }
#OS_Banner ._info2 { }
#OS_Banner ul {

}
#OS_Banner li{
    float:left;
    position:relative;
    margin-left: 0px;
    margin-bottom: 0px;
}
#OS_Banner ._logo { 
    padding: 7px 0px 6px 0px;
    height: 50px;
    text-align: center;
    /*
    box-shadow: 0px 0px 2px 0px #fff;
    border-bottom: 1px solid #fff;
    */
}
#OS_Banner ._logo img { 
    width: auto; 
    height: 50px; 
    max-width: 130px;
}
#OS_Banner ._logo2 { 
    padding: 5px 0px 5px 0px; 
    height: 60px; 
    text-align: center; 
    /*
    box-shadow: 0px 0px 2px 0px #fff;
    border-bottom: 1px solid #fff;
    */
}
#OS_Banner ._logo2 img { 
    width: auto; 
    height: 60px; 
    max-width: 134px;
}
#OS_Banner ._text { 
    padding: 0px 1px 1px 0px;
    width: 134px; 
    height: 50px; 
    text-align: center; 
    color: #262626;
    font-size: 12px;
    line-height: 17px;
    vertical-align:middle;
    /*display: table-cell;*/    
}
#OS_Banner ._text2 { 
    padding: 5px 0px 5px 0px; 
    font-weight:bold;
    width: 134px;
    height: 32px; 
    text-align: center; 
    color: #0029c7;
    font-size: 12px;
    line-height: 16px;
    vertical-align:middle;
    display: table-cell;
}
#OS_Banner ._text3 { 
    padding: 8px 5px 10px 5px; 
    width: 134px;
    height: 62px; 
    font-size: 12px;
    line-height: 15px;
}
#OS_Banner .side_over {
    position: relative;
    top: 0px; left: 0px;
    width: 134px;
    height: 156px;
    /*background-color: #ffffff;*/
    z-index: 9990;
}
#OS_Banner .side_over .boxtext {
    font-size: 10px;
    color: #0029c7;
    /*background-color: #f5f5f5;*/
    border: 1px solid #0029c7;
    padding: 1px;
    border-radius: 3px;
}
#OS_Banner ._effect {
    margin-top: -1px;
    color: #494940;
    background-color: #ffffff;
    border-top: 1px solid #054c99;
    border-bottom: 1px solid #054c99;
    border-left: 1px solid  #054c99;
    border-right: 1px solid  #054c99;
    width: 134px;
    /*height: 116px;*/
    height: 156px;
}
#OS_Banner ._effect:hover {
    cursor: pointer;
    /*border: 1px solid #06c;*/
}


/**전체 채용공고**/
#total_recruit {width:180px; height:88px; border:1px solid #c6c6c6;}

#total_recruit dt{background-image:url(/img/total_recruit_tt_bg.gif); background-position:top; height:42px;}

#total_recruit dd{ font-size:20px; font-weight:bold; font-family:NanumGothic;  color:#0054a6; text-align:center; padding-top:13px;}

/**상시채용 기업**/
/**#any_recruit {
	width:180px;
	height:123px;
	margin-top:7px;
	border:1px solid #c6c6c6;
}**/

#any_recruit {
	width:274px;
	height:220px;
	
}

.Royal_title {background:#FFF; width:486px; height:27px; padding:11px 4px 0px 0px; text-align: center;}
/*.Royal_title {background:#000; background-image:url(/img/royal_banner.gif);  background-repeat:no-repeat; background-position:top; width:486px; height:30px; padding:8px 4px 0px 0px; text-align:right;}*/

.Royal_button {
    position: absolute;
	margin-top: 3px;
	margin-left: 55px;
    width: 130px;
    height: auto;
}

#Royla_banner .Royal_con{ 

}
#Royla_banner .effect_royal {
    color: #3c3c3c;
    background-color: #FFFFFF; 
    border: 2px solid #ff0000;
    height: 180px;
    width: 238px;
    transition:all 0.5s, color 0.3s 0.3s;
}
#Royla_banner .effect_royal:hover {
    cursor: pointer;
    border: 2px solid #ff0000;
    /*
    background-color: #fcf6ef;
    height: 178px;
    width: 238px;
    color: #0701ff;
    */
    /*box-shadow:0 180px 0 0 #dceaf8 inset;*/
}
#Royla_banner .royal_logo {
    position: absolute;
    top: 2px; left: 2px;
    z-index: 8888;
}
#Royla_banner .box_over .royal_logo {
    position: absolute;
    top: 0px; left: 0px;
    z-index: 8888;
}
#Royla_banner .royal_logo img { 
    width:24px; 
    height:auto; 
}
#Royla_banner .logo {
    height: 50px;
    padding-top: 8px;
    padding-bottom: 6px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#Royla_banner .Royal_dd1 {font-size:15px; font-weight:bold; /*color:#000000;*/ margin-top:10px; text-align:center; width:225px; margin-left:6px;}
#Royla_banner .Royal_dd2 { font-size:13px;  color:#262626; margin:10px 0 0 10px; width:215px; line-height:19px; height:38px;}
#Royla_banner .Royal_dd3 {color:#262626; padding:10px 0 0 10px;}
#Royla_banner .Royal_subject {float:left; padding-top:5px;}
#Royla_banner .box_over {
    position: relative;
    top: -2px; left: -2px;
    width: 238px;
    height: 321px;
    border: 2px solid #ff0000;
    background-color: #ff0000;
    z-index: 9990;
}
#Royla_banner .box_over ._top { 
    background-color:#FFFFFF; 
    padding-top:45px; 
    padding-bottom:43px; 
    text-align:center; 
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#Royla_banner .box_over ._top img { 
    width:auto; 
    height:65px; 
    max-width:200px;
}
#Royla_banner .box_over ._middle {     
    font-size: 16px;
    color: #f9fb00;
    font-weight: bold;
    text-align:center;
    padding: 15px 2px 0px 2px;
    line-height: 19px;
    height: 23px; 
}
#Royla_banner .box_over ._bottom {
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    text-align:left;
    vertical-align:middle;
    padding: 10px 5px 0px 5px;
    line-height: 18px;
    height: 36px; 
    display: table-cell;
}
#Royla_banner .box_over ._end {
    font-size: 9pt;
    color: #ffffff;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
    padding: 12px 5px 0px 5px;
    line-height: 18px;
    height: 36px; 
}
#Royla_banner .box_over .boxtext {
    font-size: 8pt;
    color: #f9fb00;
    /*background-color: #f5f5f5;*/
    border: 1px solid #f9fb00;
    padding: 1px;
    border-radius: 3px;
}
/*
#Royla_banner .box_over ._top { 
    background-color:#FFFFFF; 
    padding-top:20px; 
    padding-bottom:16px; 
    text-align:center; 
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#Royla_banner .box_over ._top img { 
    width:auto; 
    height:56px; 
    max-width:188px;
}
#Royla_banner .box_over ._middle {     
    font-size: 14px;
    color: #f9fb00;
    font-weight: bold;
    text-align:center;
    padding: 14px 2px 0px 2px;
    line-height: 19px;
    height: 23px; 
}
#Royla_banner .box_over ._bottom {
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
    padding: 3px 5px 0px 5px;
    line-height: 15px;
    height: 30px; 
    display: table-cell;
}
*/
.star_royal{float:right; padding-right:3px; margin-top:2px;}

#right_cont02 {width:192px; height:220px; float:left; margin-left:3px; }

.option_bold{font-weight:bold; color:3640e9;}

.option_glow{ background-color:d7ffa9;}


/**로그인**/
#login {width:192px; height:114px;}

#login table {height:114px; border:1px solid #9ac1e7; background-color: #dceaf8;}

#login .input{border:1px solid #d6d6d6; height:18px; width:105px; margin-right:8px;}

.dashed_bot{border-bottom:1px dashed #c6c6c6}

/**로그아웃(로그인후 화면)**/
#logout {width:192px; height:114px;}

#logout table {height:114px; border:1px solid #9ac1e7; }

.dashed_top{border-top:1px dashed #c6c6c6}


/**top10 배너**/
#top10_banner {width:190px; height:98px;  margin-top:7px; border:1px solid #9ac1e7; }

/**CHAT Marquee **/
#chat_marquee {
    width:190px; 
    height:103px;  
    background-image:url(/img/chat_kakao_bg.gif); background-repeat:no-repeat;
    margin-top:3px; 
    border:1px solid #9ac1e7; 
}
#chat_marquee ._top {
    width:190px; 
    height:63px; 
    cursor: pointer;
}
#chat_marquee ._bottom {
    width:160px; 
    height:40px; 
    text-align: center;
    padding-top:9px;
    margin-left:15px;
}
#chat_marquee .chat_title {
    width:160px; 
    height:20px; 
    color:#fff;
    font-size:14px;
    font-weight:bold; 
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

/**CHAT Marquee **/
#tm_chat {
    width:190px; 
    height:103px;  
    margin-top:3px; 
    border:1px solid #9ac1e7; 
}
#tm_chat ._top {
    width:190px; 
    height:76px; 
}
#tm_chat ._bottom {
    width:190px; 
    height:27px; 
    text-align: center;
}
#tm_chat ._bottom ul li {
    float: left;
    position: relative;
    width: 95px;
    height: 27px;
    text-align: center;
    padding-top: 4px;
    margin-top: -2px;
}

.TT1{ font-size:18px; font-weight:600; padding:0 0 5px 0; color:#303030; vertical-align:bottom;}

.TT2{ font-size:16px; font-weight:600; padding:0 0 5px 0; color:#303030;}

/**스피드채용배너**/
.speed_banner{
    width:270px;
    height: 58px;
    position: relative;
    background-color: #fff;
    /*box-shadow: 0px 1px 1px 0px lightgray;*/
    margin-bottom: 2px;
}
.speed_banner .speed_logo{
    float: left;
    width: 86px;
    height: 36px;
    background-color: #fff;
    padding-left: 5px;
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 1px 0px 1px 0px lightgrey;
}
.speed_banner .speed_title{
    position: relative;
    font-size:12px; 
    padding-left: 5px; 
    padding-right: 0px; 
    line-height: 18px; 
    text-align: left;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}


/**스페셜 배너 height:125px;**/
#special { /*height:125px;*/ width:961px; margin:auto; padding-top:15px; clear:both;}

#special h2 {background-image:url(/img/special_tt.gif); background-repeat:no-repeat;}

#special table {/*height:102px;*/ width:961px; margin:auto;}

#special td{/*border:4px solid #ded5e8; width:308px;*/}

#special img {}
#special li {
    float: left;
    position: relative;
    margin-left: 2px;
}
.special_banner{
    /*width:310px;     
    position: relative;
    float: left;
    height:110px;*/ 
}
.effect_special {
    color: #0C4FA3;
    background-color: #DFE9F5;
    border: 2px solid #0D7DC4;
    width: 314px;
    height: 142px;
    transition:all 0.5s, color 0.3s 0.3s;
}
.effect_special:hover {
    color: #262626;
    background-color: rgba(222, 213, 232, 0.5);
    border: 2px solid #D24E00;
    width: 314px;
    height: 142px;
    cursor: pointer;
    box-shadow:0 120px 0 0 rgba(245, 210, 247, 0.30) inset;
}
#special .special_top{
    width: 314px; 
    height:58px; 
    background-color: #ffffff;
    text-align: center;
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#special .special_logo{
    float: left;
    width: 134px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}
#special .special_title{
    position: relative; 
    top: 10px;
    float: right;
    width: 180px;
    font-size:15px; 
    font-weight:bold; 
    line-height:20px; 
    text-align: center;
    vertical-align: middle;
}
#special .special_contents{
    font-size:12px; 
    color:#262626;
    width: auto;
    height:44px; 
    line-height:22px;
    padding:6px; 
    text-align: center;
    vertical-align: middle;
}
#special .special_dd3 {
    font-size:12px; 
    color:#FFF;
    width: 314px;
    height:26px;
    border: 1px solid #0D7DC4;
    background-color: #0D7DC4;
}
.spe_subject {float:left; padding-top:5px; padding-left: 10px;}
.star_spe {float:right; margin-right:5px; margin-top: 2px;}

#special .box_over {
    position: relative;
    top: 0px; left: 0px;
    width: 314px;
    height: 142px;
    background-color: #FC8800;
    z-index: 9995;
}
#special .box_over ._top { 
    background-color:#FFFFFF; 
    padding-top:8px; 
    padding-bottom:5px; 
    text-align:center; 
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#special .box_over ._top img { 
    width:auto; 
    height:56px; 
    max-width:200px;
}
#special .box_over ._middle {     
    font-size: 14px;
    color: #f9fb00;
    font-weight: bold;
    text-align:center;
    padding: 7px 2px 0px 2px;
    line-height: 19px;
    height: 23px; 
}
#special .box_over ._bottom {
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    text-align:center;
    vertical-align:middle;
    padding: 0px 15px 0px 15px;
    line-height: 15px;
    height: 30px; 
}

/**프리미엄 배너**/
#premium { width:960px; margin:auto; padding-top:15px; clear:both;}
#premium li{
    float:left;
    position:relative;
    margin-left: 5px;
    margin-bottom: 5px;
}
#premium li.first{
    margin-left: 0px;
}
#premium .box_logo { 
    background-color:#FFFFFF; 
    height: 47px;
    padding-top:7px; 
    padding-bottom:4px; 
    text-align:center; 
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#premium .gold_logo {
    position: absolute;
    top: 0px; left: 0px;
    z-index: 8888;
}
#premium .special_logo {
    position: absolute;
    top: 0px; left: 0px;
    z-index: 8888;
}
#premium .box_logo img { 
    width:auto; 
    height:42px; 
    max-width:147px;
}
#premium .gold_logo img { 
    width:24px; 
    height:auto; 
}
#premium .special_logo img { 
    width:24px; 
    height:auto; 
}
#premium .box_top { font-size:14px; font-weight:bold; margin-top:9px; text-align:center; }
#premium .box_middle {     
    font-size: 12px;
    padding: 6px 8px 7px 8px;
    line-height: 19px;
    height: 38px; 
    display: table-cell;
    vertical-align: middle;
}
#premium .box_bottom { }
#premium .box_bottom ._text { float:left; margin-left: 8px;}
#premium .box_bottom ._icon { float:right; margin-right:5px; margin-top: -5px; }

#premium .box_over {
    position: relative;
    top: 0px; left: 0px;
    width: 232px;
    height: 156px;
    background-color: #F73F3b;
    z-index: 9990;
}
#premium .box_over ._top { 
    background-color:#FFFFFF; 
    padding-top:20px; 
    padding-bottom:16px; 
    text-align:center; 
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#premium .box_over ._top img { 
    width:auto; 
    height:50px; 
    max-width:176px;
}
#premium .box_over ._middle {     
    font-size: 14px;
    color: #f9fb00;
    font-weight: bold;
    text-align:center;
    padding: 7px 2px 0px 2px;
    line-height: 19px;
    height: 23px; 
}
#premium .box_over ._bottom {
    font-size: 9pt;
    color: #ffffff;
    font-weight: normal;
    text-align:left;
    /*vertical-align:middle;*/
    padding: 9px 5px 0px 5px;
    line-height: 17px;
    height: 30px; 
    /*display: table-cell;*/
}
#premium .box_over .boxtext {
    font-size: 8pt;
    color: #f9fb00;
    /*background-color: #f5f5f5;*/
    border: 1px solid #f9fb00;
    padding: 1px;
    border-radius: 3px;
}
#premium .special_over {
    position: relative;
    top: -2px; left: -2px;
    width: 232px;
    height: 321px;
    border: 2px solid #3a89f6;
    background-color: #3a89f6;
    z-index: 9990;
}
#premium .special_over ._top { 
    background-color:#FFFFFF; 
    padding-top:45px; 
    padding-bottom:43px; 
    text-align:center; 
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#premium .special_over ._top img { 
    width:auto; 
    height:65px; 
    max-width:200px;
}
#premium .special_over ._middle {     
    font-size: 16px;
    color: #f9fb00;
    font-weight: bold;
    text-align:center;
    padding: 17px 2px 0px 2px;
    line-height: 19px;
    height: 23px; 
}
#premium .special_over ._bottom {
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    text-align:left;
    vertical-align:middle;
    padding: 9px 5px 0px 5px;
    line-height: 18px;
    height: 36px; 
    display: table-cell;
}
#premium .special_over ._end {
    font-size: 9pt;
    color: #ffffff;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
    padding: 10px 5px 0px 5px;
    line-height: 18px;
    height: 36px; 
}
#premium .special_over .boxtext {
    font-size: 8pt;
    color: #f9fb00;
    /*background-color: #f5f5f5;*/
    border: 1px solid #f9fb00;
    padding: 1px;
    border-radius: 3px;
}

#premium .default_effect {
    color: #262626;
    background-color: #FFFFFF;
    border: 2px solid #7fb539;
    width: 232px;
    height: 156px;
    transition:all 0.5s, color 0.3s 0.3s;
}
#premium .gold_effect {
    color: #262626;
    background-color: #FFFFFF;
    border: 2px solid #FC8800;
    width: 232px;
    height: 156px;
    transition:all 0.5s, color 0.3s 0.3s;
}
#premium .special_effect {
    color: #3c3c3c;
    background-color: #FFFFFF;
    border: 2px solid #3a89f6;
    width: 232px;
    height: 156px;
    transition:all 0.5s, color 0.3s 0.3s;
}
#premium .default_effect:hover {
    cursor: pointer;
    border: 2px solid #ff6ba6;
    color: #262626;
    background-color: #f6faf0;  /*background update*/
    box-shadow:0 160px 0 0 #fee4e4 inset;
}
#premium .gold_effect:hover {
    cursor: pointer;
    border: 2px solid #FC8800;
    /*
    box-shadow:0 160px 0 0 #fee4e4 inset;
    color: #262626;
    background-color: #f6faf0;
    */
}
#premium .special_effect:hover {
    cursor: pointer;
    border: 2px solid #3a89f6;
    /*
    box-shadow:0 160px 0 0 #fee4e4 inset;
    color: #262626;
    background-color: #f6faf0;
    */
}

/**플러스 배너**/
#plusbanner { width:960px; margin:auto; padding-top:15px; clear:both;}
#plusbanner li{
    float:left;
    position:relative;
    margin-left: 6px;
    margin-bottom: 6px;
}
#plusbanner li.first{
    margin-left: 0px;
}
#plusbanner dt { background-color:#FFFFFF; height:48px;}
#plusbanner dd { text-align:left;}
#plusbanner .logo { 
    padding-top: 8px;
    padding-bottom: 1px;
    text-align: center;
    box-shadow: 0px 0px 2px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#plusbanner .logo img { 
    width:auto; 
    height:40px; 
    max-width:138px;
}
#plusbanner .plus_dd1 { 
    font-size:14px; 
    font-weight:bold; 
    margin-top:8px; 
    margin-left:8px;
}
#plusbanner .plus_dd2 { 
    font-size: 12px;
    padding: 5px 8px 5px 8px;
    line-height: 18px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
}
#plusbanner .plus_dd3 {
}
#plusbanner .plus_dd3 ._text { float:left; margin-left:8px;}
#plusbanner .plus_dd3 ._icon { float:right; margin-right:5px; margin-top: -5px; }
#plusbanner .plus_effect {
    color: #262626;
    background-color: #FFFFFF;
    border: 1px solid #fc8800;
    width: 233px;
    height: 150px;
}
#plusbanner .plus_effect:hover {
    color: #3c3c3c;
    background-color: #c5ebff;
    border: 2px solid #D74340;
    width: 231px;
    height: 148px;
    cursor: pointer;
}
#plusbanner .light_effect {
    color: #3c3c3c;
    background-color: #FFFFFF;
    border: 1px solid #8cc7ff;
    width: 233px;
    height: 150px;
}
#plusbanner .light_effect:hover {
    color: #3c3c3c;
    background-color: #c5ebff;
    border: 2px solid #8cc7ff;
    width: 231px;
    height: 148px;
    cursor: pointer;
}
#plusbanner .plus_over {
    position: relative;
    top: 0px; left: 0px;
    width: 231px;
    height: 148px;
    background-color: #F73F3b;
    z-index: 9990;
}
#plusbanner .plus_over ._top { 
    background-color:#FFFFFF; 
    padding-top:16px; 
    padding-bottom:12px; 
    text-align:center; 
    box-shadow: 0px 0px 3px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}
#plusbanner .plus_over ._top img { 
    width:auto; 
    height:48px; 
    max-width:168px;
}
#plusbanner .plus_over ._middle {     
    font-size: 14px;
    color: #f9fb00;
    font-weight: bold;
    text-align:center;
    padding: 7px 2px 0px 2px;
    line-height: 19px;
    height: 23px; 
}
#plusbanner .plus_over ._bottom {
    font-size: 9pt;
    color: #ffffff;
    font-weight: normal;
    text-align:left;
    /*vertical-align:middle;*/
    padding: 10px 5px 0px 5px;
    line-height: 17px;
    height: 30px; 
    /*display: table-cell;*/
}
#plusbanner .plus_over .boxtext {
    font-size: 8pt;
    color: #f9fb00;
    /*background-color: #f5f5f5;*/
    border: 1px solid #f9fb00;
    padding: 1px;
    border-radius: 3px;
}

/**배너 플러스**/
#ba_plus{ width:960px; margin:auto; padding-top:15px; clear:both;}

#ba_plus li{float:left;}

.plus_ba{float:left; position:relative; z-index:1; display:inline; width:231px; height:148px; border:2px solid #44a3ff; background-color:#eaf4ff}

.plus_ba dl { }

.plus_ba dt { background-color:#FFFFFF; height:48px;}

.plus_ba dd { text-align:left;}
 
.plus_ba .logo {  
    padding-top:8px; 
    padding-bottom:1px;
    text-align:center;
    box-shadow: 0px 0px 2px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}



/**배너 플러스_default**/
.plus_ba_def{float:left; position:relative; z-index:1; display:inline; width:231px; height:148px; border:2px solid #a1c1e6; background:url(../img/ba_plus_def_logo.gif) no-repeat center #eef5fc;}



/**배너형**/
#banner{ width:960px; margin:auto; padding-top:15px; clear:both;  margin-bottom:20px;}
.banner_height{ height:137px;}
.banner{float:left; position:relative; z-index:1; display:inline; width:186px; height:135px; border:1px solid #929db4; background-color:#FFFFFF}

.banner dt { background-color:#FFFFFF; height:40px}

.banner .logo {  
    padding-top:8px; text-align:center;
    box-shadow: 0px 0px 2px 0px #bbbbbb;
    border-bottom: 1px solid #cccccc;
}

.banner dd { text-align:left;}

.banner_dd1 { font-size:12px; font-weight:bold; /*color:#666666;*/ margin-top:10px;}

.banner_dd2 { font-size:12px;  /*color:#737373;*/ letter-spacing:-1px; line-height:18px; }

.banner_dd3 {/*color:#707070;*/ margin-top:5px;}

.star_ba{float:right; padding-right:5px; margin-top: -5px;}

.banner_subject {float:left; padding-top:8px; line-height:140%; padding-right:5px; width:175px; height:35px;}

/**배너형 마우스오버 이펙트**/
.effect01 {
    width:184px;
    height:133px;
    border: 2px solid #929db4;
    transition:all 0.6s, color 0.3s 0.3s;
}
.effect02 {

}
.effect01:hover {
    width:184px;
    height:133px;
    border: 2px solid #fc8800;
    background-color: #f6ebeb;
    color: #FFF;
    cursor: pointer;
    /*box-shadow:185px 0 0 0 rgba(255, 120, 0, 0.50) inset;*/
    box-shadow:	0 78px 0 0 rgba(255, 120, 0, 0.5) inset, 
			    0 -90px 0 0 rgba(255, 120, 0, 0.5) inset;
}
.effect02:hover {
    width:184px;
    height:133px;
    border: 2px solid #636363;
    background-color: #f6ebeb;
}

.effect_speed {
    width:270px;
    height: 58px;
    border: 1px solid #06c;
}
.effect_speed:hover {
    width:268px;
    height: 56px;
    background-color: #e8f5ff;
    border: 2px solid #06c;
    cursor: pointer;
}



.effect_plus {
    color: #3c3c3c;
    background-color: #eaf4ff;
    border: 1px solid #44a3ff;
    width: 233px;
    height: 150px;
}
.effect_plus:hover {
    color: #3c3c3c;
    background-color: #c5ebff;
    border: 2px solid #44a3ff;
    width: 231px;
    height: 148px;
    cursor: pointer;
}
.effect_banner {
    color: #494949;
    background-color: #FFFFFF;
    border: 1px solid #333333;
}
.effect_banner:hover {
    color: #494949;
    background-color: #e3e3e5;
    border: 2px solid #333333;
    width: 184px;
    height: 133px;
    cursor: pointer;
}
.effect_fc {
    color: #494949;
    background-color: #f2f3f6;
    border: 1px solid #929db4;
}
.effect_fc:hover {
    color: #494949;
    background-color: #e8e8e8;
    border: 2px solid #929db4;
    width: 184px;
    height: 133px;
    cursor: pointer;
}


.effect_top10 {

}
.effect_top10:hover {
    color: #111111;
    /*font-size: 13px;*/
    /*font-weight: 600;*/
    background-color: #f3f3f3;
    cursor: pointer;
}



/**배너형_default**/
.banner_def{float:left; position:relative; z-index:1; display:inline; width:186px; height:135px; border:1px solid #b8bfce; background:url(../img/ba_def_logo.gif) no-repeat center #f7f7f9;}



/**부스형**/
#boo_hot{ width:960px; margin:auto; padding-top:30px; clear:both;}

#booth { width:405px; height:140px; border-left:1px solid #bec5d4; border-right:1px solid #bec5d4; border-bottom:1px solid #bec5d4; border-top:2px solid #6d7177; background-color:#f4f6fb; margin-bottom:5px;}


#booth h4{background-color:#FFF; height:32px; font-size:13px; padding:3px 0 2px 10px;}

#booth li{
	line-height:24px; color:#737373;
}

#booth img{padding:0 5px 3px 5px;}

/**부스형_default**/
#booth_def { width:405px; height:140px; border-left:1px solid #bec5d4; border-right:1px solid #bec5d4; border-bottom:1px solid #bec5d4; border-top:2px solid #6d7177; margin-bottom:5px; background:url(/img/ba_booth_def_logo.gif) no-repeat center #f4f6fb;}


/* 텍스트배너 채용정보 */
#bn_text{ width:960px; margin:auto; padding-top:5px; clear:both;}
#bn_text ul {}
#bn_text li {float:left; position: relative; margin-bottom:2px;}
#bn_text .effect_text {
    color: #262626;
    background-color: #FFFFFF; 
    border: 1px solid #cccccc;
    width: 956px;
    height: 40px;
}
#bn_text .effect_text:hover {
    color: #262626;
    background-color: #ffead1;   
    border: 2px solid #fc8800;
    width: 956px;
    height: 38px;
    cursor: pointer;
}
#bn_text .effect_text dt{
    float:left; 
    background-color:#fff; 
    width:170px; 
    height:32px; 
    line-height:32px; 
    padding-top:6px;
    text-align:center; 
    border-right: 1px solid #cccccc;
}
#bn_text .effect_text dt img{
    width:auto; height:28px; max-width:115px
}
#bn_text .effect_text dd{
    float:left; 
    /*background-color:#f0f7e8;*/ 
    width:780px; 
    height:40px; 
}
#bn_text .h_dd1{
    float:left; 
    color:#4b4b4b;
    font-size:12px; 
    line-height:14px; 
    font-weight:bold; 
    width:210px; 
    padding:14px 0px 0px 15px; 
}
#bn_text .h_dd2{
    float:left; 
    font-size:12px;
    line-height:18px; 
    width:546px; 
    padding:11px 0px 0px 5px;
} /*background update*/


/* New box 채용정보 */
#box{  width:960px; margin:auto; padding-top:15px; min-height:80px; margin-bottom:20px; clear:both;}
#box ul {}
#box li {float:left; position: relative; margin-bottom:5px;}
#box .effect_box {
    color: #262626;
    background-color: #eaf4ff; 
    border: 1px solid #8cc7ff;
    width: 314px;
    height: 70px;
}
#box .effect_box:hover {
    color: #262626;
    background-color: #c5ebff;   
    border: 2px solid #8cc7ff;
    width: 312px;
    height: 68px;
    cursor: pointer;
}
#box .effect_box dd{
    float:left; 
    /*background-color:#f0f7e8;*/ 
    width:312px; 
    height:68px; 
}
#box .h_dd1{
    height:36px; 
}
#box .h_dd2{
    font-size:12px;
    line-height:16px; 
    width:auto; 
    padding:8px 0px 8px 5px;
    background-color: #ffffff;  
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 307px;
}
#box ._logo{
    float: left;
    width: 100px;
    text-align: center;
    padding:4px 0px 0px 0px; 
}
#box ._title{
    float: left;
    width: 202px;
    text-align: left;
    color:#262626;
    font-size:12px; 
    line-height:14px; 
    font-weight:bold; 
    padding:11px 5px 0px 5px; 
}


/**Top10**/
#top10{  width:960px; margin:auto; padding-top:25px; clear:both;}
 
#top10 table {border-bottom:#dadada 1px solid;}

#top10 table th{
    height: 38px;
    border-bottom: #cdcdcd 1px solid;
    padding-top: 3px;
    color: #3e3e3e;
    background-color: #f1f2f2;
}
#top10 table td{ white-space:normal; line-height:20px; border-bottom:#cdcdcd 1px solid;}
#top10 .border_top{ border-top: 1px solid #818181;}
#top10 .pad_st1{padding:5px 5px 3px 5px;}

#commun_bot { width:960px; margin:auto; padding-top:30px; clear:both}


/** New Top10 Aera **/
#New_Top10 {
    width:960px; 
    margin:auto; 
    padding-top:13px; 
    clear:both;
}
#New_Top10 .left {
    float:left; 
    position: relative; 
    margin-bottom:15px;
    margin-left: 4px;
    background-color: #fff;
    width: 472px;
}
#New_Top10 .right {
    float:left; 
    position: relative; 
    margin-bottom:15px; 
    margin-left: 8px;
    background-color: #fff;
    width: 472px;
}

/** New 인기 Top10 채용정보 **/
#P_Top10 {
    width:470px; 
    border: 2px solid #fc8800;
    background-color: #fff;
}
#P_Top10 ._titleImg {
    width:466px; 
    height: 80px;
    padding: 2px;
}
#P_Top10 ul {
    margin:auto; 
    width: 470px;
    height: 640px;
}
#P_Top10 li {
    float:left; 
    position: relative; 
    margin-bottom:2px;
    margin-left:2px;
}
#P_Top10 ._effect {
    color: #262626;
    background-color: #fff;
    border: 1px solid #c8c7c7;
    width: 464px;
    height: 60px;
}
#P_Top10 ._effect:hover {
    color: #262626;
    background-color: #fff;
    border: 1px solid #fc8800;
    width: 464px;
    height: 60px;
    cursor: pointer;
}
#P_Top10 dt {
    float:left; 
    background-color:#fff; 
    width:120px; 
    height:47px; 
    text-align:center; 
    padding-top: 13px;
    border-right: 1px solid #e5e5e5;
}
#P_Top10 dt img{
    width:auto; height:32px; max-width:110px
}
#P_Top10 dd {
    float:left; 
    width:340px; 
    height:60px; 
}
#P_Top10 ._dd1 {
    color:#4b4b4b;
    font-size:12px; 
    line-height:12px; 
    font-weight:bold; 
    text-align:left; 
    padding:13px 0px 0px 8px; 
}
#P_Top10 ._dd2 {
    font-size:12px;
    line-height:18px;  
    text-align:left; 
    padding:6px 0px 0px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 327px;
}
#P_Top10 .paging {}
#P_Top10 .paging a {border:5px solid #ddd;}
#P_Top10 .paging a, .paging em {float:left; display:block; margin:0 3px; border-radius:15px;}
#P_Top10 .paging a:hover, .paging em {border:5px solid red}
#P_Top10 .paging span {display:none}

/** New 채팅방 Top10 채용정보 **/
#C_Top10 {
    width:470px; 
    border: 2px solid #4273d9;
    background-color: #fff;
}
#C_Top10 ._titleImg {
    width:466px; 
    height: 80px;
    padding: 2px;
}
#C_Top10 ul {
    margin:auto; 
    width: 470px;
    height: 640px;
}
#C_Top10 .C_Top10_line {
    float:left; 
    position: relative; 
    margin-bottom:2px;
    margin-left:2px;
    background-color: #fff;
}
#C_Top10 dt {
    float:left; 
}
#C_Top10 .chat_effect:hover {
    cursor: pointer;
}
#C_Top10 .chat_on {
    width:120px; 
    height:62px; 
    font-size:12px;
    color:#2639ec;
    line-height:18px;  
    font-weight:bold; 
    /*background-color: #fc8800;*/
    background-image:url(/img/chat10_bg_new.gif); 
    background-repeat:no-repeat;
    text-align:center; 
    display: table-cell;
    vertical-align: middle;
}
#C_Top10 .chat_on ._title {

}
#C_Top10 .chat_over {
    width:120px; 
    height:57px; 
    padding-top: 5px;
    font-size:12px;
    color:#333;
    line-height:23px;  
    font-weight:bold; 
    /*background-color: #fc8800;*/
    background-image:url(/img/chat10_bg_new.gif); 
    background-repeat:no-repeat;
    text-align:center; 
    display: table-cell;
    vertical-align: middle;
}
#C_Top10 .button {
    border: 1px solid #333; /* Green */
    color: #333;
    line-height:20px;  
    padding: 0px 3px 0px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    font-weight:bold; 
}
#C_Top10 dd {
    float:left; 
}
#C_Top10 ._effect {
    background-color: #fff;
    border: 1px solid #c8c7c7;
    width: 343px;
    height: 60px;
    margin-left: 1px;
}
#C_Top10 ._effect:hover {
    background-color: #fff;
    border: 1px solid #000;
    width: 343px;
    height: 60px;
    cursor: pointer;
}
#C_Top10 ._dd1 {
    color:#4b4b4b;
    font-size:12px; 
    line-height:12px; 
    font-weight:bold;
    text-align:left; 
    padding:13px 0px 0px 8px; 
}
#C_Top10 ._dd2 {
    font-size:12px;
    line-height:18px;  
    text-align:left; 
    padding:6px 0px 0px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 327px;
}
#C_Top10 .chat_sample {
    width: 466px;
    height: 62px;
    background-color: #ccc;
    background-image:url(/img/chat10_sample.gif); background-repeat:no-repeat;
}

/**나도한마디**/
#talk {width:405px; height:300px;}

#talk li{ border-bottom:1px dotted #666666; height:25px; line-height:25px; padding-left:10px;}

.talk_tt{width:405px; height:62px; background-image:url(/img/talk_tt.gif); background-repeat:no-repeat;}


/**TM**/
#boardBox { position:relative; width:515px; height:280px; background-image:url(/img/tm_tab_bg.gif); background-repeat:repeat-x; }
#boardBox h3{    float:left; border-bottom:2px solid #4092ec; }
#boardBox ul{    position:absolute;    width:100%;    top:45px;    left:0; }
#boardBox li{    position:relative; padding:0 0 0 12px; line-height:2; border-bottom:1px dotted #666666;}
#TM_how{display:none;}
#TM_law{display:none;}


/**Login page**/
#log_page{ width:800px; margin:auto; clear:both;}

#log_page p{ padding-bottom:8px; }

.goHome {
	position: absolute;
	margin-top:5px;
	width: 235px;
	height: 55px;
	overflow: auto;
	top: 25px;
}

#box_left{ width:400px; height:360px; float:left; background:url(/img/log_page_bg_L.gif) no-repeat left;}

#box_right{ width:400px; height:360px; float:right; background:url(/img/log_page_bg_R.gif) no-repeat right; margin-bottom:30px;}

.log_banner{width:370px; height:320px; margin:20px 25px 0  0}
.log_mem_check{padding:5px 0 0 72px; height:10px;}
.log_check{padding:0 0 5px 72px; height:15px;}
.loginInput {overflow:hidden;position:relative;width:270px;margin:0 0 0 0;padding:5px 0 0 70px;}
.inpTxt {float:left;width:160px;height:28px;padding:0 4px;border:1px solid #d7d7d7; font:bold 14px verdana,gulim,"굴림",sans-serif; color:#333; line-height:27px;}
.inpID {background:#fff url(/img/input_ID_bg.gif) no-repeat 8px 8px;}
.inpPW {margin-top:3px;background:#fff url(/img/input_PW_bg.gif) no-repeat 8px 8px;}
.btnLogin {position:absolute;right:0;top:0; margin-top:5px;}
.loglink{padding:8px 0 0 55px; height:10px; margin:0 45px 0 50px; border-top:1px dashed #CCC;}
.log_noti{width:280px;height:50px;padding:10px;border:1px solid #D2D2D2; font:12px  color:#333; line-height:25px;background-color:#F0F0F0; margin:30px 0 0 50px; text-align: center;}
.logo_top_bg {width:100%; margin-bottom:50px;}
.log_top{ width:790px; height:20px; background: url(/img/login_top.gif) no-repeat center; text-align:right; padding:70px 10px 5px; 0; margin:auto;}
.log_bottom{width:796px; height:80px; border:2px solid #aec5e7; clear:both;}


/**회원 가입**/
#join{ width:960px; margin:auto; padding:40px 0 80px 0;}

#join_step1{ width:960px; margin:auto; padding:5px 0 80px 0;}

#join_step1 .msg{border:3px solid #CCC; padding:15px; line-height:18px; margin-top:10px;}

.detailTT{ font-family:"나눔고딕"; font-size:14px; font-weight:600; border-bottom:2px solid #7da7d9; background:url(/img/wa_arrow.gif) no-repeat left; padding-left:10px; padding-bottom:3px; height:18px; line-height:20px; color:#039; margin-top:10px;}

.detailCont {background-color:#ffffff;width:960px;}
.detailCont input {border:1px #cccccc solid;padding:0;}
.detailCont_yak {background-color:#ffffff;padding:15px;border:1px #dcdcdc solid;height:200px;overflow:auto;}
.detailCont_pri {clear:both;background-color:#ffffff;padding:15px;border:1px #dcdcdc solid;height:90px;overflow:auto;}
.detailCont .detailContTop{text-align:center;padding:5px 0 5px 0;border:0px #000 solid;height:25px;}
.detailCont .detailContBot{font-size:11px;border-top:1px #000 solid;margin:6px;padding:3px;line-height:14px;background-color:#FDF7E3;}


/**ID PW 찾기**/
.ID_tt{height:70px;}

.PW_tt{height:70px;}

.lost_tt{font-family:"나눔고딕"; font-size:18px; font-weight:600; color:#3e3e3e; margin:15px 0 0 0; background:url(/img/lost_tt.gif) no-repeat left bottom; height:40px; padding-left:45px; line-height:42px; border-bottom:2px solid #36C;}

.S_ID_noti{padding:10px; line-height:20px; font-size:13px;}

.S_ID table{ border-top:1px solid #818181;}

.S_ID table th{ background-color:#f1f2f2; border-bottom:1px solid #cdcdcd; width:200px; height:34px;}

.S_ID table td{border-bottom:1px solid #cdcdcd; padding-left:10px;}

.search_btn{ padding-top:20px; height:70px;}

.lost{clear:both; font-size:13px; font-weight:bold; height:15px; padding-top:8px;}

/**ID 찾기 결과**/
.S_result{border-top:2px solid #818181; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; height:180px; padding:20px 0 0 30px; font-weight:bold; font-size:13px; line-height:22px; background:url(../img/s_re_bg.gif) no-repeat right bottom;}

/**IPW 찾기 결과_fail**/
.pw_result_fail{border-top:2px solid #818181; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; height:180px; padding:20px 0 0 30px; font-weight:bold; font-size:13px; line-height:22px; background:url(../img/bull_warnning.gif) no-repeat right bottom;}


/**Top 통합 검색**/
#top_search{width:960px; margin:auto; padding:20px 0 20px 0;}

#SC_left{float:left; width:800px; border-right:1px solid #CCC; padding-right:8px; padding-bottom:20px;}

#SC_left table{font-size:13px; font-family:"굴림"}

#SC_left table p{ margin-bottom:5px;}

#SC_left table td{ padding:8px 0 10px 10px; line-height:18px; border-bottom:1px dotted #CCC;}

#SC_left dt{float:left; color:#03C; margin-right:2px;}

#SC_left dd{float:left; margin-right:13px;}

#SC_right{float:right; width:160px; margin-top:8px; line-height:26px; font-size:13px; font-family:"굴림";}

#SC_right ul{padding:0 0 5px 15px; border-bottom:1px dotted #CCC;}

#SC_right. cont01{}

.rank_tt{ color:#039; font-weight:bold; /*background:url(/img/ranking_icon.gif) no-repeat left top;*/ padding-left:20px; border-top:2px solid #CCC; border-bottom:1px solid #CCC; height:30px; line-height:30px; margin-bottom:5px;}

.p_more{color:#06C; margin:5px 0 0 0; text-align:right; padding:5px 5px 0 0;} 

#top_search h3 {background:url(/img/top_search_tt.gif) no-repeat left; height:34px; padding-left:48px; font-family: "나눔고딕"; font-weight:600; line-height:32px; font-size:14px; }

#top_search .tab_list{ 
    background:url(/img/Member/condi_tab_bg.gif) repeat-x bottom;  
    margin-top:10px; 
    height:33px;
}

#top_search .tab01 {
    /*background:url(/img/Member/condi_tab01.gif) no-repeat; */
    width:230px; 
    height:21px; 
    text-align:center; 
    font-size:12px; 
    color:#000; 
    padding-top:10px; 
    float:left; 
    border-left: 2px solid #0072bc;
    border-top: 2px solid #0072bc;
    border-right: 2px solid #0072bc;
    background-color: #eeeeee;
}
#top_search .tab02 {
    /*background:url(/img/Member/condi_tab01_no.gif) no-repeat; */
    width:230px; 
    height:21px; 
    text-align:center; 
    font-size:12px; 
    color:#000; 
    padding-top:10px; 
    float:left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#tab01_cont{ clear:both; }

.WA{min-height:280px; margin-top:5px;}

.EM{min-height:300px; margin-top:5px;}

.CM{min-height:300px; margin-top:5px;}

#tab02_cont{ clear:both; }

.em_search{height:30px; background:#f1f2f2; border:1px solid #dadada; margin-top:5px; padding:12px 0 0 10px; font-weight:bold; line-height:22px;}

.sc_result{ /*width:785px;*/  background-color:#e7f0fa; border-bottom:1px solid #95b6df; height:34px; margin:10px 0 5px 0;}

.lineup{ font-size:13px; padding:10px 0 0 20px; width:660px; float:left;}

.result_No{float:right; color:#F60; font-weight:bold; width:90px; text-align:right; padding:10px 5px 0 0;} 

#tab03_cont{ clear:both;}

#tab04_cont{ clear:both;}

.sc_tt{font-size:14px; font-weight:600; font-family:"나눔고딕"; border-bottom:2px solid #c1c1c1; margin-top:20px; padding-bottom:3px; color:#039; }

#NSearch_left{
    float:left; 
    width:700px; 
    border-right:1px solid #CCC; 
    padding-right:8px; 
    padding-bottom:20px;
}
#NSearch_left table{
    font-size:13px; 
    /*font-family:"굴림";*/
    font-family: '나눔고딕','NanumGothic';
}
#NSearch_left table p{ 
    margin-bottom:5px;
}
#NSearch_left table td{ 
    padding:8px 0 10px 10px; 
    line-height:18px; 
    border-bottom:1px dotted #CCC;
}
#NSearch_left dt{
    float:left; 
    color:#03C; 
    margin-right:2px;
}
#NSearch_left dd{
    float:left; 
    margin-right:13px;
}

#NSearch_right{
    float:right; 
    width:230px; 
    margin-top:0px; 
    margin-right:3px; 
    line-height:26px; 
    font-size:13px; 
    font-family:"굴림";
    border:1px solid #ccc; 
}
#NSearch_right ul{
}
#NSearch_right ul li{
    height: 27px;
    line-height:27px; 
    padding-left: 14px;
}
#NSearch_right .cont01{}
#NSearch_right ._rank_tt{ 
    color:#039; 
    font-weight:bold; 
    /*background:url(/img/ranking_icon.gif) no-repeat left top;*/ 
    padding-top: 3px;
    padding-left:15px; 
    border-bottom:1px solid #ccc; 
    height:40px; 
    line-height:40px; 
    margin-bottom:5px;
}
#NSearch_right ._top_style {
    font-weight: bold;
}
#NSearch_right ._number {
    width: 18px;
    height: auto;
    margin-top: -3px;
    margin-right: 5px;
    margin-left: -3px;
    vertical-align: middle;
}

#KWL {
    margin-top:-1px;
}
#KWL table{
    font-size:13px; 
    font-family: '나눔고딕','NanumGothic';
}
#KWL table tr{ 
    background-color:#e7ffff;
}
#KWL table td{ 
    padding:0; 
    border:0;
}
#KWL table ._logo{ 
    width: 118px;
    background-color:#fff;
    border-top:1px solid #0072bc;
    border-left:1px solid #0072bc;
    border-right:1px solid #eee;   
    border-bottom:1px solid #0072bc;   
    padding:8px 0 10px 6px; 
    line-height:18px; 
}
#KWL table ._logo img{ 
    width:112px; height:auto;
}
#KWL table ._text{ 
    border-top:1px solid #0072bc;
    border-right:1px solid #0072bc;
    border-bottom:1px solid #0072bc;   
    padding:0 0; 
}
#KWL table ._text ._top{ 
    height: 18px;
    font-size: 13px;
    line-height:18px;   
    margin-top: 9px;
    margin-left: 12px;   
}
#KWL table ._text ._top2{ 
    height: 18px;
    font-size: 14px;
    line-height:18px;   
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: 12px;       
}
#KWL table ._text ._middle{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-top: 6px; 
    padding-left: 12px;  
    background-color:#fff;
}
#KWL table ._text ._middle ._dd{ 
    margin-right:10px;
}
#KWL table ._text ._bottom{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-left: 12px; 
    padding-bottom: 9px; 
    background-color:#fff;
}
#KWL table ._text ._bottom ._dd{ 
    margin-right:12px;
}
#KWL table ._text .boxtext {
    font-size: 11px;
    color: #0a7abb;
    background-color: #fff;
    border: 1px solid #0a7abb;
    padding: 2px 3px 2px 3px;
}
#KWL table .sel_color2 {
    background-color: #d0ffff;
}
#KWL table ._text ._bottom ._icon {
    float: right;
    margin-right: 9px;
    margin-top: 0px;
}

#KWT {
    margin-top:-1px;
}
#KWT table{
    font-size:13px; 
    font-family: '나눔고딕','NanumGothic';
}
#KWT table tr{ 
    background-color: #fff0ff;
}
#KWT table td{ 
    padding:0; 
    border:0;
}
#KWT table ._text{ 
    border:1px solid #ccc; 
    padding:0 0; 
}
#KWT table ._text ._top{ 
    height: 18px;
    font-size: 13px;
    line-height:18px;   
    margin-top: 9px;
    margin-left: 12px;   
}
#KWT table ._text ._top2{ 
    height: 18px;
    font-size: 14px;
    line-height:18px;   
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: 12px;       
}
#KWT table ._text ._middle{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-top: 6px; 
    padding-left: 12px;  
    background-color:#fff;
}
#KWT table ._text ._middle ._dd{ 
    margin-right:10px;
}
#KWT table ._text ._bottom{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-left: 12px; 
    padding-bottom: 9px; 
    background-color:#fff;
}
#KWT table ._text ._bottom ._dd{ 
    margin-right:12px;
}
#KWT table ._text .boxtext {
    font-size: 11px;
    color: #0a7abb;
    background-color: #fff;
    border: 1px solid #0a7abb;
    padding: 2px 3px 2px 3px;
}
#KWT table .sel_color2 {
    background-color: #ffe0ff;
}
#KWT table ._text ._bottom ._icon {
    float: right;
    margin-right: 9px;
    margin-top: 0px;
}

#KWB {
    margin-top:-1px;
}
#KWB table{
    font-size:13px; 
    font-family: '나눔고딕','NanumGothic';
}
#KWB table tr{ 

}
#KWB table td{ 
    padding:0; 
    border:0;
}
#KWB table ._text{ 
    border:1px solid #e0e0e0; 
    padding:0 0; 
}
#KWB table ._text ._top{ 
    height: 18px;
    font-size: 13px;
    line-height:18px;   
    margin-top: 9px;
    margin-left: 12px;       
}
#KWB table ._text ._top2{ 
    height: 18px;
    font-size: 14px;
    line-height:18px;   
    margin-top: 3px;
    margin-left: 12px;       
}
#KWB table ._text ._middle{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-top: 6px; 
    padding-left: 12px;  
}
#KWB table ._text ._middle ._dd{ 
    margin-right:10px;
}
#KWB table ._text ._bottom{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-left: 12px; 
    padding-bottom: 9px; 
}
#KWB table ._text ._bottom ._dd{ 
    margin-right:12px;
}
#KWB table ._text .boxtext {
    font-size: 11px;
    color: #0a7abb;
    background-color: #fff;
    border: 1px solid #0a7abb;
    padding: 2px 3px 2px 3px;
}
#KWB table .sel_color2 {
    background-color: #ffe0ff;
}
#KWB table ._text ._bottom ._icon {
    float: right;
    margin-right: 9px;
    margin-top: 0px;
}
._wantedTT {
    float: left;
    margin-left: 0px;
    margin-top: -5px;
}
._wantedCNT {
    float: left;
    margin-left: 6px;
    margin-top: 0px;
}
._blank {
    height: 20px;
}

/*
#KWLT table p{ 
    margin-bottom:5px;
}
#KWLT table td{ 
    padding:8px 0 10px 10px; 
    line-height:18px; 
    border-bottom:1px dotted #CCC;
}
#KWLT dt{
    float:left; 
    color:#03C; 
    margin-right:2px;
}
#KWLT dd{
    float:left; 
    margin-right:13px;
}
*/
/**공지사항 페이지**/
#notice_view{ width:960px; margin:auto; margin-top:20px;}

#notice_view table {border-bottom:2px solid #7da7d9}

#notice_view table th{ height:50px; font-size:16px; border-top:2px solid #0072bc; border-bottom:1px solid #7da7d9; background: url(/img/wa_th_bg.gif) repeat-x bottom;}

.noti_td1{padding:15px 10px 10px 30px; border-bottom:1px dotted #999; border-top:1px solid #dadada;}

.noti_td2{padding:20px 30px 20px 30px; line-height:24px;}


/**공지사항 리스트**/
#notice_list{ width:960px; margin:auto; margin-top:20px; margin-bottom:30px;}

#notice_list table {}

#notice_list table th{ height:40px; border-top:2px solid #0072bc; border-bottom:1px solid #7da7d9; background: url(/img/wa_th_bg.gif) repeat-x bottom; font-size:13px;}

#notice_list table td{ height:34px; border-bottom:1px solid #dadada; padding-top:2px;}

#notice_list select{ height:20px;}


/**공지사항 쓰기**/
#notice_write{width:960px; margin:auto; margin-top:20px; margin-bottom:30px;}

#notice_write table {border-top:2px solid #0072bc;}

#notice_write table th{ height:34px; border-bottom:1px solid #dadada; background-color:#f6f6f6;}

#notice_write table td{ border-bottom:1px solid #dadada; padding:0 0 0 10px;}



/**FAQ**/
#FAQ{ width:960px; margin:auto;}

/*FAQ tab */
#FAQ_tab { position:relative; background-image:url(/img/Member/condi_tab_bg.gif); background-repeat:repeat-x; min-height:300px; margin-top:20px; clear:both;}
#FAQ_tab h3{font-weight:normal;}
.border_top{border-top:1px solid #dadada;}
.tab_list li{float:left;}

#FAQ_tab .tab01 {background:url(/img/Member/condi_tab01.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }
#FAQ_tab .tab02 {background:url(/img/Member/condi_tab01_no.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }
#FAQ_tab .tab03 {background:url(/img/Member/condi_tab01_no.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }
#FAQ_tab .tab04 {background:url(/img/Member/condi_tab01_no.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }

.FAQ_common1 {}
.FAQ_common2 {display:none;}
.FAQ_common3 {display:none;}

#FAQ_common{ clear:both; padding:30px 20px 30px 20px;}

#FAQ_common table{border-top:1px solid #dbe3ee;}

#FAQ_common table th{height:28px; padding-top:5px; color:#3e3e3e; text-align:left; padding-left:30px; background:url(/img/Q_icon.gif) no-repeat left #f0f3f8;}

#FAQ_common table td{ border-bottom:1px solid #dbe3ee; padding-top:2px; line-height:20px; padding:10px 0 20px 30px; background:url(/img/A_icon.gif) no-repeat left top;}


/**권리침해 신고센터**/
.ad_tt{font-family:"나눔고딕"; font-size:15px; font-weight:600; color:#3e3e3e; margin:15px 0 0 0; background:url(/img/sv/ad_icon.gif) no-repeat left; height:35px; padding-left:30px; line-height:36px; border-bottom:2px solid #aec5e7; clear:both;}

.ad_noti{padding:15px 10px 15px 25px; line-height:20px; border-top:1px solid #dadada; border-bottom:1px dotted #dadada; font-size:13px;}

#advice{ clear:both; padding:20px 15px 20px 15px;}

#advice table{border:1px solid #dbe3ee; background-color:#fbfdff; padding:20px;}

#advice table td{ padding-top:2px; line-height:20px; padding:20px 20px 20px 20px; line-height:22px;}



/**개인정보취급방침**/
#privacy{ clear:both; padding:20px 25px 20px 25px; line-height:20px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-top:1px solid #dadada; margin-bottom:20px;}

#privacy table{border:1px solid #dbe3ee; background-color:#fbfdff; padding:20px;}

#privacy table td{ padding-top:2px; line-height:24px; padding-left:100px; }

.top_btn{text-align:right; border-bottom:1px dashed #E6E6E6; padding-bottom:5px; margin-bottom:10px;}

.advice_1 {}
.advice_2 {display:none;}
.advice_3 {display:none;}
.advice_4 {display:none;}

#top_banner { width:100%; height:85px; background-color:#0054a6; display:none;}
#top_banner table{width:950px; height:85px; margin:auto;}
#top_banner table{width:950px; height:85px; margin:auto;}
.font_sw {font-size:12px; color:#FFF;}
.pad_bot {padding-bottom:5px;}
.close_btn { font-family: Arial, Helvetica, sans-serif; font-size:30px; color:#FFF; float:right; padding:55px 10px 0 0 ; cursor:pointer;}

/** 아웃소싱의뢰 리스트 **/
#OS_OrderList { 
    width: 950px;
    margin: auto;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
    clear: both;
}
#OS_OrderList p{ height: 30px; text-align: left;}
#OS_OrderList table {border-bottom:#dadada 1px solid;}
#OS_OrderList table th{
    height: 38px;
    border-bottom: #cdcdcd 1px solid;
    padding-top: 3px;
    color: #3e3e3e;
    background-color: #eaf4ff;
}
#OS_OrderList table td{ white-space:normal; line-height:20px; border-bottom:#cdcdcd 1px solid;}
#OS_OrderList .border_top{ border-top: 1px solid #818181;}
#OS_OrderList .pad_st1{padding:5px 5px 3px 5px;}
#OS_OrderList ._tr {
    height: 45px;
}
#OS_OrderList ._tr:hover {
    color: #111111;
    background-color: #f3f3f3;
    cursor: pointer;
}
#OS_OrderList ._write {
    float:right;
    position:relative;
    margin-right: 5px;
    margin-top: 5px;
}

#demo-device-ios {
    width: 390px;
    height: 772px;
    text-align: center;
    background: url(/img/devices-sprite.jpg) center top no-repeat;
    background-size: 480px;
    margin: 0 auto;
}
#demo-device-ios iframe {
    margin-top: 72px;
    width: 346px;
    height: 566px;
}
#mobile-device-ios {
    width: 390px;
    height: 772px;
    text-align: center;
    background: url(/img/devices-sprite.jpg) center top no-repeat;
    background-size: 480px;
    margin: 0 auto;
}
#mobile-device-ios iframe {
    margin-top: 72px;
    width: 346px;
    height: 600px;
}
#kakaochat_btn {
    width: 346px;
    height: 43px;
    background-color: #fce000; 
    text-align:center;
    margin: 0 auto;
    margin-top: -4px;
}


#left_wa_text_1 {
    border: 1px solid #bbbbbb; 
    margin-top: -1px;
    width: 134px;
    height: 288px;
    clear:both;
}
#left_wa_text_1 img {
    width: 134px;
    height: auto;
}
#left_wa_text_1 li{
    float:left;
    position:relative;
    width:134px;
    height: 20px;
    /*background-color:#FFFFFF; */
    font-size:12px; 
    /*font-weight:bold;*/
    color: #fff;
    text-align:left; 
    line-height: 20px;
    padding-left:3px; 
    padding-right:0px; 
    /*text-decoration: underline;*/
}
#left_wa_text_1 a, a:link, a:visited {
    /*text-decoration: underline;*/
}

#left_wa_text_1 li.first{
    width:131px;
    height: 28px;
    padding-left:0px; 
    color: #333333;
    font-weight:bold;
    font-size:13px;
    background-color:#FFF;
    line-height: 28px;
    /*padding-left: 3px;*/
}

#left_wa_text_2 {
    border: 1px solid #bbbbbb; 
    margin-top: -1px;
    width: 134px;
    height: 208px;
    clear:both;
}
#left_wa_text_2 img {
    width: 134px;
    height: auto;
}
#left_wa_text_2 li{
    float:left;
    position:relative;
    width:64px;
    height: 20px;
    /*background-color:#FFFFFF; */
    font-size:12px; 
    /*font-weight:bold;*/
    color: #fff;
    text-align:left; 
    line-height: 20px;
    padding-left:3px; 
    padding-right:0px; 
}
#left_wa_text_2 li.first{
    width:131px;
    height: 28px;
    padding-left:0px; 
    color: #333333;
    font-weight:bold;
    font-size:13px;
    background-color:#FFF;
    line-height: 28px;
    /*padding-left: 3px;*/
}

#left_wa_text_3 {
    border: 1px solid #bbbbbb; 
    margin-top: -4px;
    width: 134px;
    height: 130px; /*374px;*/
    clear:both;
}
#left_wa_text_3 img {
    width: 134px;
    height: auto;
}
#left_wa_text_3 li{
    float:left;
    position:relative;
    width:134px;
    height: 20px;
    /*background-color:#FFFFFF; */
    font-size:12px; 
    /*font-weight:bold;*/
    color: #fff;
    text-align:left; 
    line-height: 20px;
    padding-left:3px; 
    padding-right:0px; 
}
#left_wa_text_3 li.first{
    width:131px;
    height: 28px;
    padding-left:0px; 
    color: #333333;
    font-weight:bold;
    font-size:13px;
    background-color:#FFF;
    line-height: 28px;
    /*padding-left: 3px;*/
}

#main ._ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
}

.chat-icon {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 84px;
    height: 84px;
    padding: 2px 2px;
    background-image: url(/img/btn-chat-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999;
}
.chat-icon span {
    display: block;
    width: 80px;
    height: 80px;
    background-image: url(/img/btn-chat-o-p.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.chat-icon span:hover {
    background-image: url(/img/btn-chat.png);
    cursor:pointer;
}

.kakao-icon {
    position: fixed;
    right: 130px;
    bottom: 40px;
    width: 84px;
    height: 84px;
    padding: 2px 2px;
    background-image: url(/img/btn-chat-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999;
}
.kakao-icon span {
    display: block;
    width: 80px;
    height: 80px;
    background-image: url(https://happytalk.io/assets/main/img/btn-chat-kakao.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.kakao-icon span:hover {
    background-image: url(https://happytalk.io/assets/main/img/btn-chat-kakao-o.png);
    cursor:pointer;
}

.ui-tooltip {
    width: 220px;
    text-align: center;
    box-shadow: none;
    padding: 0;
}
.ui-tooltip-content {
    position: relative;
    padding: 0.5em;
}
.ui-tooltip-content::after, .ui-tooltip-content::before {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    right: 52px;
}
.bottom .ui-tooltip-content::before {
    bottom: -10px;
    border-color: #ddd transparent;
    border-width: 10px 10px 0;
}
.bottom .ui-tooltip-content::after {
    bottom: -7px;
    border-color: white transparent;
    border-width: 10px 10px 0;
}
.top .ui-tooltip-content::before {
    top: -10px;
    border-color: #ddd transparent;
    border-width: 0 10px 10px;
}
.top .ui-tooltip-content::after {
    top: -7px;
    border-color: white transparent;
    border-width: 0 10px 10px;
}

/***비밀번호 찾기 본인인증 버튼***/
.S_ID ._title2 {
    margin: 3px auto 3px auto;
    padding: 3px 6px;
    border: 1px solid #4690de;
    font-size: 12px;
    line-height: 12px;
    color: #4690de;
    font-weight: bold;
    cursor:pointer;
}
.S_ID ._title_test {
    border: 1px solid #4690de;
    font-size: 12px;
    line-height: 12px;
    color: #4690de;
    font-weight: bold;
}