@charset "utf-8";
/*--------------------------------------------------------------------------
css 선언순서(권고):
1.(표시) display
2.(넘침) overflow
3.(흐름) float
4.(위치) position
5.z-index
6.(크기) width & height
7.(간격) margin & padding
8.(테두리) border
9.(배경) background
10.(폰트) font (color, font, letter-spacing, text-align, text-decoration, text-indent, vertical-align, white-space등)
11.(동작) animation
12.(기타)
※1~7:레이아웃, 8~9:테두리/배경, 10:폰트, 11:동작, 12:기타
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
# 기본 스타일 시트
파일명: content.css
#목차
* 메인
		**
* 콘텐츠
		** IBS talk!talk!
			
		** 기초과학의 미래를 꿈꾸다		
	
		** IBS 연구성과
				
		** IBS를 움직이는 사람들
		
		** IBSNOW
						
		** IBS퀴즈		
		
        ** 기초과학 Q&A 
				
* 푸터

/*--------------------------------------------------------------------------
** lnb
--------------------------------------------------------------------------*/
.lnb_menu {float:left;position:relative;width:20%;height:auto;border:0 !important;text-align:left !important;}
.lnb_menu ul {margin:0;padding:60px 25px;list-style:none;}
.lnb_menu ul li {position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1;}
.lnb_menu ul li a.kind {border:0;border-top:#666 dotted 1px !important;border-bottom:#666 dotted 1px !important;}
.lnb_menu ul li .kind.first {border-top:0 !important;}
.lnb_menu ul li a.kind span {color:#353535;font-size:16px}
.lnb_menu ul li a {display:block;position:relative;padding:8px 0;color:#666;font-weight:bold;text-decoration:none;background:#fff;border:0;*zoom:1;}
.lnb_menu li ul {padding:5px 0;background:#fff;}
.lnb_menu li li {margin:0;}
.lnb_menu li li a {padding:5px 10px;background:#fff;font-weight:normal;}
.lnb_menu li li a span {color:#666;}
.lnb_menu li.active {z-index:2;}
.lnb_menu li.active a.kind span {color:#0066cc !important;font-size:16px;}
.lnb_menu li.active ul {display:block;}
.lnb_menu li.active li.active a span {font-weight:bold;color:#0066cc;letter-spacing:-1px;}
.lnb_menu {float:left;position:relative;width:20%;height:auto;border:0 !important;text-align:left !important;}
.lnb_menu ul {margin:0;padding:60px 25px;list-style:none;}
.lnb_menu ul li {position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1;}
.lnb_menu ul li a.kind {border:0;border-top:#666 dotted 1px !important;border-bottom:#666 dotted 1px !important;}
.lnb_menu ul li .kind.first {border-top:0 !important;}
.lnb_menu ul li a.kind span {color:#353535;font-size:16px}
.lnb_menu ul li a {display:block;position:relative;padding:8px 0;color:#666;font-weight:bold;text-decoration:none;background:#fff;border:0;*zoom:1;}
.lnb_menu li ul {padding:5px 0;background:#fff;}
.lnb_menu li li {margin:0;}
.lnb_menu li li a {padding:5px 10px;background:#fff;font-weight:normal;}
.lnb_menu li li a span {color:#666;}
.lnb_menu li.active {z-index:2;}
.lnb_menu li.active a.kind span {color:#0066cc !important;font-size:16px;}
.lnb_menu li.active ul {display:block;}
.lnb_menu li.active li.active a span {font-weight:bold;color:#0066cc;letter-spacing:-1px;}

/*--------------------------------------------------------------------------
/* CONTENTS
--------------------------------------------------------------------------*/
.wrap_move {position:relative;}
.web_area {clear:both;overflow:hidden;zoom:1; background-color:#fff;}

.sns_area {text-align:right;margin-top:17px;padding-bottom:60px;}
.sns_area a {padding-right:6px;}

/* ***   서브컨텐츠 시작  */
/* 해상도 1024px */
.sub_contents_area {}
.sub_contents_area:after {display:block; content:""; clear:both;}
.sub_contents_area .con_view1 {overflow:hidden;width:100%;background:url("") no-repeat 0 0;}
.sub_contents_area .con_view1 .ms_left {float:left;width:48%;}
.sub_contents_area .con_view1 .ms_left_60 {float:left;width:58%;}
.sub_contents_area .con_view1 .ms_left_40 {float:left;width:38%;}
.sub_contents_area .con_view1 .ms_left_30 {float:left;width:28%;}
.sub_contents_area .con_view1 .ms_left_20 {float:left;width:20%;}

.sub_contents_area .con_view1 .ms_right {float:right;width:48%;}
.sub_contents_area .con_view1 .ms_right_70 {float:right;width:68%;}
.sub_contents_area .con_view1 .ms_right_80 {float:right;width:78%;}
.sub_contents_area .con_view1 .ms_right_60 {float:right;width:58%;}
.sub_contents_area .con_view1 .ms_right_40 {float:right;width:38%;}
.sub_contents_area .con_view1 .ms_right_30 {float:right;width:28%;}


.web_area h2 {padding:0 0 5px 0;border:0;/*border-bottom:#e6e6e6 solid 1px;*/color:#c5341c;font-size:24px;letter-spacing:0.25px;text-align:center;}

.sub_contents_area .con_view1 .y1_area  h3 {margin:20px 0 60px 0; padding-top:5px;color:#000;font-size:44px;letter-spacing:-0.6px;line-height:56px; text-align:center;}
.sub_contents_area .con_view1 .y1_area  h4 {margin:0px; padding:20px 0 5px 0; padding-bottom:5px; color:#000; font-size:24px;line-height:46px;letter-spacing:-0.6px; text-align:left;}
.sub_contents_area .con_view1 .y1_area  h5 {margin:0px; padding:20px 0 5px 0; padding-bottom:5px; color:#000; font-size:24px;line-height:46px;letter-spacing:-0.6px; text-align:center;font-weight:bold;}
.sub_contents_area .con_view1 .y1_area  h6 {margin:0px; padding-bottom:5px; color:#000; font-size:18px;line-height:44px;letter-spacing:-0.6px; text-align:left; font-weight:bold;}

.sub_contents_area .con_view1 .ms_left .y2_area h5 {margin-top:25px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}

.sub_contents_area .con_view1 .y1_area .qna_title {font-size:40px; padding-top:10px; padding-bottom:20px;font-weight:bold; line-height:40px;}


.sub_contents_area .con_view1 .y1_area  p {padding-top:5px;color:#333;font-size:14px;line-height:26px;text-align:justify;}
.sub_contents_area .con_view1 .y1_area .caption {font-size:12px;font-weight:bold;line-height:18px;text-align:left; color:#999; text-align:justify;padding-bottom:20px;}

.sub_contents_area .con_view1 .ms_left .y2_area { width:72%;}
.sub_contents_area .con_view1 .ms_left .y2_area ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .con_view1 .ms_left .y2_area ul li {font-size:14px;line-height:26px;}


.sub_contents_area .con_view1 .ms_right .visual_img {}

.sub_contents_area .ms_view1_con2 {clear:both;overflow:hidden;width:100%;background:url("/img/contents/mens_style_bg_con2.jpg") no-repeat 0 0;}
.sub_contents_area .ms_view1_con2:after {display:block; content:""; clear:both;}
.sub_contents_area .ms_view1_con2 .ms_left {float:left;width:48.33%;height:auto;}
.sub_contents_area .ms_view1_con2 .ms_right {float:right;width:50.5%;height:auto;}
.sub_contents_area .ms_view1_con2 .ms_right h3 {padding-top:50px;color:#000;font-size:44px;line-height:56px;letter-spacing:0.32px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap {float:right;width:89%;margin-top:30px;margin-right:9%;color:#333;font-size:14px;line-height:25px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap p {width:100%;padding-top:16px;/*background:url("/img/contents/img_border_bottom.gif") no-repeat left top;*/}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap h4 {width:70%;margin-top:21px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul li {}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 {margin-top:17px;padding-bottom:10px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 a {padding-right:6px;}

/***** 동영상 *****/
img,
video {
    display: inline-block;
    width: auto\9 !important; /* ie8 */
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
.video-container {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrapper {
    width: 600px;
    max-width: 100%;
}
/***** quiz online *****/

.online h3{font-size:34px; color:#484848; margin-bottom:20px;}
.online h3 span{font-size:12px; color:#ff9b9b;}
.online .agreement{height:250px; padding:24px 30px; border:1px solid #f2f2f2; border-width:15px 0 15px 15px; color:#848484; line-height:1.5; overflow-y:auto;}
.online .agreement h4{font-size:12px; font-weight:bold; color:#848484; line-height:2.1;}
.online .agreement ul{margin-bottom:30px; letter-spacing:-0.5px; font-size:14px; line-height:23px;}
.online .agreement ul.last{margin-bottom:0;}
.online .agreement ul li.line{margin-bottom:8px;}

.online .agreement_check{margin:20px 0 26px; text-align:center; color:#848484;}
.online .agreement_check input{margin-right:5px !important;}


.online form{margin-bottom:20px;}
.online h3{padding-bottom:20px; border-bottom:1px solid #d4d4d4;}
.online form ul{margin-bottom:40px;}
.online form span.star{display:inline; color:#ff9b9b; margin:0;}
.online form ul li{margin-bottom:40px;}
.online form .agreement ul li{margin-bottom:0;}
.online form ul li dl{overflow:hidden;}
.online form ul li dl dt{float:left; width:17.4%; margin-top:4px; font-size:1.154em; color:#484848;}
.online form ul li dl dt.radio_title{margin-top:0;}
.online form ul li dl dt span{display:block; margin-top:3px; line-height:1.3;}
.online form ul li dl dd{overflow:hidden; float:left; width:82%;}
.online form ul li dl dd.radio *{vertical-align:middle;}
.online form ul li dl dd.radio label{margin-right:20px;}
.online form ul li dl dd.radio input{margin-right:5px !important;}
.online form ul li dl dd.list_btn *{vertical-align:middle;}

.online form ul li dl dd input{border:1px solid #d4d4d4; background-color:#f2f2f2; padding:0px;}
.online form ul li dl dd input.normal{width:270px; }
.online form ul li dl dd input.big{width:580px; } 
.online form ul li dl dd input.small{width:160px;}

.online form ul li dl dd input.last{margin-right:10px;}
.online form ul li dl dd input.file{height:24px;}

.online form ul li dl dd input.num{width:76px;}

.online form ul li dl dd input.date{width:200px; margin-right:10px;}
.online form ul li dl dd select{height:27px;}

.online form ul li dl dd span{margin:0 3px;}
.online form ul li dl dd textarea{width:561px; height:81px; padding:4px; border:1px solid #d4d4d4; background-color:#f2f2f2; resize:none;}
.online form ul li dl dd ul{overflow:hidden; margin-bottom:0;}
.online form ul li dl dd ul li{float:left; margin:0 40px 0 0;}
.online form ul li dl dd ul li label{display:inline-block; width:34px; font-size:1em; margin-top:4px;}

.online .request{margin-bottom:20px; padding:20px 0 0 0; border-top:1px solid #d4d4d4; color:#848484; text-align:center;}
.online .request span{display:block; margin-top:12px;}

.online .btn_box{margin-top:25px; height:auto;}
.online .btn1 {padding:3px;}
.online .btn2 {padding:3px;}


.quiz_back {background:url("../images/quiz_paper") no-repeat; width:944px; height:640px; position:relative;}


/* 해상도 768px */
@media screen and (min-width:641px) and (max-width:1023px) {
.sub_contents_area {}
.sub_contents_area:after {display:block; content:""; clear:both;}
.sub_contents_area .con_view1 {overflow:hidden;width:100%;background-size:100% auto;zoom:1;}
.sub_contents_area .con_view1 .ms_left {float:left;width:48%;}
.sub_contents_area .con_view1 .ms_left .y1_area  h3 {padding-top:10px;color:#000;font-size:52px;letter-spacing:-0.6px;line-height:56px;}
.sub_contents_area .con_view1 .ms_left .y1_area  p {padding-top:10px;color:#333;font-size:14px;line-height:26px;text-align:justify;}
.sub_contents_area .con_view1 .ms_left .y2_area h4 {margin-top:10px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}
.sub_contents_area .con_view1 .ms_left .y2_area ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .con_view1 .ms_left .y2_area ul li {font-size:14px;line-height:26px;}
.sub_contents_area .con_view1 .ms_left .y2_area .sns_area {margin-top:17px;padding-bottom:0;}
.sub_contents_area .con_view1 .ms_left .y2_area .sns_area a {padding-right:6px;}
.sub_contents_area .con_view1 .ms_right {float:right; width:48%;}
.sub_contents_area .con_view1 .ms_right .visual_img {}
.sub_contents_area .con_view1 .ms_right .visual_img img {width:100%;height:auto;}


.sub_contents_area .ms_view1_con2 {clear:left;overflow:hidden;width:100%;background:url("/img/contents/mens_style_bg_con2.jpg") no-repeat 0 0;background-size:100% auto;zoom:1;}
.sub_contents_area .ms_view1_con2:after {display:block; content:""; clear:both;}
.sub_contents_area .ms_view1_con2 .ms_left {float:left;width:48.33%;height:auto;}
.sub_contents_area .ms_view1_con2 .ms_right {float:left;width:51.67%;height:auto;margin-bottom:0;}
.sub_contents_area .ms_view1_con2 .ms_right h3 {padding-top:10px;color:#000;font-size:52px;line-height:56px;letter-spacing:0.32px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap {float:right;width:80%;margin-top:10px;margin-right:5%;color:#333;font-size:14px;line-height:25px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap p {width:100%;padding-top:10px;/*background:url("/img/contents/img_border_bottom.gif") no-repeat left top;*/}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap h4 {width:100%;margin-top:21px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul li {}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 {margin-top:17px;padding-bottom:10px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 a {padding-right:6px;}

/***** quiz online *****/

.online h3{font-size:34px; color:#484848; margin-bottom:20px;}
.online h3 span{font-size:12px; color:#ff9b9b;}
.online .agreement{height:200px; padding:10px; border:1px solid #f2f2f2; border-width:15px 0 15px 15px; color:#848484; line-height:1.5; overflow-y:scroll;}
.online .agreement h4{font-size:1em; font-weight:bold; color:#848484; line-height:2.1;}
.online .agreement p{margin-bottom:30px;}
.online .agreement ul{margin-bottom:30px; letter-spacing:-0.5px;}
.online .agreement ul.last{margin-bottom:0;}
.online .agreement_check{margin:20px 0 26px; text-align:right; color:#848484;}
.online .agreement_check input{margin-right:5px !important;}
.online form{margin-bottom:20px;}
.online h3{padding-bottom:20px; border-bottom:1px solid #d4d4d4;}
.online form ul{margin-bottom:40px;}
.online form span.star{display:inline; color:#ff9b9b; margin:0;}
.online form ul li{margin-bottom:40px;}
.online form .agreement ul li{margin-bottom:0;}
.online form ul li dl{overflow:hidden;}
.online form ul li dl dt{float:left; width:17.7%; margin-top:4px; font-size:1.154em; color:#484848;}
.online form ul li dl dt.radio_title{margin-top:0;}
.online form ul li dl dt span{display:block; margin-top:3px; line-height:1.3;}
.online form ul li dl dd{overflow:hidden; float:left; width:82%;}
.online form ul li dl dd.radio *{vertical-align:middle;}
.online form ul li dl dd.radio input{width:13px; height:13px; margin-right:5px !important; background:none; border:none; }
.online form ul li dl dd.radio label{margin-right:20px;}
.online form ul li dl dd.list_btn *{vertical-align:middle;}
.online form ul li dl dd input{width:270px; height:14px; padding:4px; border:1px solid #d4d4d4; background-color:#f2f2f2;}
.online form ul li dl dd input.big{width:95%;} 
.online form ul li dl dd input.last{margin-right:10px;}
.online form ul li dl dd input.file{width:176px; margin-right:10px;}
.online form ul li dl dd input.num{width:76px;}
.online form ul li dl dd input.small{width:90px;}
.online form ul li dl dd input.date{width:200px; margin-right:10px;}
.online form ul li dl dd select{height:24px;}
.online form ul li dl dd span{margin:0 3px;}
.online form ul li dl dd textarea{width:95%; padding:4px; border:1px solid #d4d4d4; background-color:#f2f2f2; resize:none;}
.online form ul li dl dd ul{overflow:hidden; margin-bottom:0;}
.online form ul li dl dd ul li{float:left; margin:0 40px 0 0;}
.online form ul li dl dd ul li label{display:inline-block; width:34px; font-size:1em; margin-top:4px;}

.online .request{margin-bottom:20px; padding:20px 0 0 0; border-top:1px solid #d4d4d4; color:#848484; text-align:center;}
.online .request span{display:block; margin-top:12px;}
.online .remove-input {width:auto; height:100%;}
.online #btn_site {width:100%; height:100%;}
.online #btn_file {width:100%; height:100%;}
.online #site_box input {width:auto; margin:0; background-color:#f2f2f2;}
.online #file_box input {height:100%;}

.online .btn_box{margin-top:25px; height:auto;}
.online .btn1 {padding:3px;}
.online .btn2 {padding:3px;}

}

/* 해상도 640px 이하 */
@media screen and (max-width:640px) {
	
.sns_area {text-align:center;margin-top:17px;padding-bottom:60px;}
.sns_area a {padding-right:6px;}

.sub_contents_area {}
.sub_contents_area:after {display:block; content:""; clear:both;}
.sub_contents_area .con_view1 {overflow:hidden;width:100%;background:none;zoom:1;}
.sub_contents_area .con_view1 .ms_left {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_left .y1_area h3 {padding-top:10px;color:#000;font-size:52px;letter-spacing:-0.6px;line-height:56px;}
.sub_contents_area .con_view1 .ms_left .y1_area p {padding-top:10px;color:#333;font-size:14px;line-height:26px;text-align:justify;}
.sub_contents_area .con_view1 .ms_left .y2_area h4 {margin-top:10px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}


.sub_contents_area .con_view1  .y1_area .qna_title {font-size:40px; padding-top:10px; padding-bottom:20px;font-weight:bold; line-height:60px;} 


.sub_contents_area .con_view1 .ms_left .y2_area ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .con_view1 .ms_left .y2_area ul li {font-size:14px;line-height:26px;}

.sub_contents_area .con_view1 .ms_left .sns_area {margin:auto 0;padding-bottom:0;}
.sub_contents_area .con_view1 .ms_left .y2_area .sns_area a {padding-right:6px;}
.sub_contents_area .con_view1 .ms_right {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right .visual_img {}
.sub_contents_area .con_view1 .ms_right .visual_img img {width:100%;height:auto;}

.sub_contents_area .con_view1 .ms_left_60 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_left_40 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_left_30 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_left_20 {float:left;width:100%; text-align:center;}

.sub_contents_area .con_view1 .ms_right_70 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right_80 {float:left;width:100%; text-align:center;}
.sub_contents_area .con_view1 .ms_right_60 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right_40 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right_30 {float:left;width:100%;}

.leftBox {float:left;width:100%; margin-right:0em;}
.rightBox {float:left; width:100%; margin-left:0em;}




.sub_contents_area .ms_view1_con2 {clear:left;overflow:hidden;width:100%;background:url("/img/contents/mens_style_bg_con2.jpg") no-repeat 0 0;background-size:100% auto;zoom:1;}
.sub_contents_area .ms_view1_con2:after {display:block; content:""; clear:both;}
.sub_contents_area .ms_view1_con2 .ms_left {float:left;width:0;height:auto;}
.sub_contents_area .ms_view1_con2 .ms_right {float:left;width:100%;height:auto;margin-bottom:0;}
.sub_contents_area .ms_view1_con2 .ms_right h3 {float:right;padding-top:60px;color:#000;font-size:32px;line-height:45px;letter-spacing:0.32px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap {float:left;width:100%;margin-top:36px;margin-right:5%;color:#333;font-size:14px;line-height:25px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap p {width:100%;margin-top:18%;padding-top:36px;/*background:url("/img/contents/img_border_bottom.gif") no-repeat left top;*/}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap h4 {width:100%;margin-top:21px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul li {}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 {margin-top:17px;padding-bottom:10px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 a {padding-right:6px;}

/***** quiz online *****/
.online {width:95%;}
.online h3{font-size:34px; color:#484848; margin-bottom:20px;}
.online h3 span{font-size:12px; color:#ff9b9b;}
.online .agreement{height:200px; padding:10px; border:1px solid #f2f2f2; border-width:15px 15px 15px 15px; color:#848484; line-height:1.5; overflow-y:scroll;}
.online .agreement p{margin-bottom:20px;}
.online .agreement h4{font-size:1em; font-weight:bold; color:#848484; line-height:2.1;}
.online .agreement ul{margin-bottom:30px; letter-spacing:-0.5px;}
.online .agreement ul.last{margin-bottom:0;}
.online .agreement_check{margin:10px 0 26px; text-align:right; color:#848484;}
.online .agreement_check input{margin-right:5px !important;}
.online form{margin-bottom:20px;}
.online h3{padding-bottom:20px; border-bottom:1px solid #d4d4d4;}
.online form ul{margin-bottom:40px;}
.online form span.star{display:inline; color:#ff9b9b; margin:0;}
.online form ul li{margin-bottom:40px;}
.online form .agreement ul li{margin-bottom:0;}

.online form ul li dl{overflow:hidden; display:block; line-height:normal;}
.online form ul li dl dt{margin-bottom:8px; font-size:1.154em; color:#484848; }
.online form ul li dl dt.radio_title{margin-top:0;}
.online form ul li dl dt span{display:block; margin-top:3px; line-height:1.3;}
.online form ul li dl dd{overflow:hidden; display:block; }
.online form ul li dl dd.radio *{vertical-align:middle;}
.online form ul li dl dd.radio label{display:inline-block; width:70px;}
.online form ul li dl dd.radio input{margin-right:5px !important;}
.online form ul li dl dd.list_btn *{vertical-align:middle;}

.online form ul li dl dd input{width:90%; height:auto; border:1px solid #d4d4d4; background-color:#f2f2f2;padding:2px;}
.online form ul li dl dd input.normal{width:90%;}
.online form ul li dl dd input.big{width:90%;}
.online form ul li dl dd input.file{width:176px; height:auto; margin-right:10px;}
.online form ul li dl dd input.num{width:35px; display:inline-block;}
.online form ul li dl dd input.last{margin-right:10px;}

.online form ul li dl dd input.small{width:90px; display:inline-block;}

.online form ul li dl dd input.date{width:200px; margin-right:10px;}
.online form ul li dl dd select{height:24px;}

.online form ul li dl dd span{margin:0 3px;}
.online form ul li dl dd span.intra{display:block; margin:8px 0 0 0;}
.online form ul li dl dd textarea{width:94%; height:81px; padding:4px; border:1px solid #d4d4d4; background-color:#f2f2f2; resize:none;}
.online form ul li dl dd ul{overflow:hidden; margin-bottom:0;}
.online form ul li dl dd ul li{margin-bottom:8px;}
.online form ul li dl dd ul li.last{margin-bottom:0;}
.online form ul li dl dd ul li label{display:inline-block; width:40px; font-size:1em; margin-top:4px;}

.online .request{margin-bottom:20px; padding:20px 0 0 0; border-top:1px solid #d4d4d4; color:#848484; text-align:center;}
.online .request span{display:block; margin-top:12px;}
.online .remove-input {width:auto; height:100%;}


.online #btn_site {width:100%; height:100%;}
.online #btn_file {width:100%; height:100%;}
.online #site_box input {width:auto; margin:0; background-color:#f2f2f2;}
.online #file_box input {height:100%; margin:0;}
.online #file_box .remove-input {width:auto; height:32px; padding:4px 8px;}

.online .btn_box{margin-top:25px; padding-top:10px; text-align:left;}

.online .btn1 {padding:3px;}
.online .btn2 {padding:3px;}

}

/* 탭 */
div.tab {border-bottom:1px solid #e6e6e6;}
div.tab:after {content:""; display:block; clear:both;}
div.tab ul li {float:left;}
div.tab a {display:inline-block; *zoom:1; *display:inline; width:125px; height:20px; margin:0; padding:5px 0 0 0; border:1px solid #e6e6e6; border-bottom:none; color:#666; text-align:center;}
div.tab a.tab_on {background-color:#e6e6e6; color:#333;}

/* 테이블 영역 */
div.boder_top3 {overflow-y:scroll; height:159px; border-top:3px solid #555; border-bottom:1px solid #e6e6e6;}
div.boder_top3 table.tbl {width:100%;}
div.boder_top3 table.tbl tbody {padding:10px 0;}
div.boder_top3 table.tbl th {padding:9px 0; border-bottom:1px solid #e6e6e6; color:#363538; text-align:center}
div.boder_top3 table.tbl td {padding:9px 0;}
div.boder_top3 table.tbl th {font-size:14px; font-weight:bold;}
div.boder_top3 table.tbl td {text-align:left;}
div.boder_top3 table.tbl td.td_cen {text-align:center;}
div.boder_top3 table.tbl td a {text-align:left; color:#666; line-height:16px;}
div.boder_top3 table.tbl span {display:block; color:#999;}





/*--------------------------------------------------------------------------
CSS END
--------------------------------------------------------------------------*/