@charset "UTF-8";
@import url('common.css');

.container {margin:0 auto; width:1280px; position:relative; padding:0 10px;}

/* header - Area */
#header {background-color:#6e7987;}
#header h1 {padding-top:15px; height:53px;}
#header h1 a {background:url(../../images/homepage/common.png) no-repeat; width:166px; height:26px; display:block; text-indent:-8000px;}
#header .nav_user {display:block; position:absolute; right:10px; top:17px; color:#ffffff;}
#header .nav_user a {color:#fff;}
#header .nav_user a:hover {color:#a6afbb}
#header .nav_user span {display:inline-block; margin-right:25px;}
#header .nav_user strong {color:#ffc514;}
#header .nav_user span.log {margin-right:0; position:relative; padding-left:25px;}
#header .nav_user span.log:before {content:''; width:19px; height:19px; left:0; top:2px; position:absolute; display:block; background:url(../../images/homepage/common.png) 0 -80px no-repeat;}

.topmenu {position:fixed; width:100%; z-index:2000; background-color:#6e7987;}
.main .topmenu {background-color:transparent;}
.topmenu {box-sizing:border-box;} 

#wrap {padding-top:114px;}
.main #wrap {padding-top:0px;}
.topmenu.scrolling {background:rgba(110, 121, 135, 0.8); border-bottom:1px solid #000000;}

/* header - 메뉴 */
#nav {background-color:#3f4451; min-width:1280px;}
#nav a {color:#a6afbb; font-size:17px;}
#nav a:hover {color:#fff;}
#nav ul {display:table; width:100%; height:60px;}
#nav li {position:relative; display:table-cell; vertical-align:middle; text-align:center; width:21.5%; cursor:pointer;}
#nav > ul > li {float:left;}
#nav li ul {display:none; position:absolute; top:60px; border-top:1px solid #494949; z-index:1000;}
#nav li li {display:block; width:100%; padding-top:10px; padding-bottom:11px; border:1px solid #494949; border-top:0; background-color:rgba(79, 86, 109, 0.8);}
#nav li li a {color:#fff; font-size:14px;}
#nav li li a:hover {color:#a6afbb;}
#nav li:hover ul {display:block;}

/* header - Pro-OTC 플랫폼 : 버튼*/
#nav .bt_platform {min-width:190px; text-align:right;}
#nav .bt_platform a {display:inline-block; padding:0 20px; height:40px; line-height:36px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#f7775e; color:#fff; color:#fff;}
#nav .bt_platform a:hover {color:#fff; background-color:#eb6348;}

/* location : 현재위치 */
.lay_location {text-align:right; background-color:#f7f7f7; height:59px; border-bottom:2px solid #d0d0d0;}
.lay_location ul {padding-top:17px;}
.lay_location li {display:inline-block; padding-left:16px; padding- right:10px; position:relative; color:#868686; vertical-align:middle; }
.lay_location li:before {content:''; left:0; top:7px; width:10px; height:10px; position:absolute; background:url(../../images/homepage/common.png) -18px -120px no-repeat;}
.lay_location li:first-child:before {background-position: 0 -120px;}
.lay_location li:last-child {padding-right:0; color:#282828;}


/* footer - Area */
#footer {background-color:#e4e4e4; border-top:1px solid #d1d1d1;}
#footer .container {padding:22px 0 23px 212px; position:relative;}
#footer .container h1 {top:29px; left:10px; text-indent:-8000px; position:absolute; width:166px; height:26px; background:url(../../images/homepage/common.png) 0 -40px no-repeat;}

#footer .copyright {font-weight:300; color:#a5a5a5; font-size:14px; letter-spacing:0;}
#footer .copyright li:nth-child(1) a {color:#a5a5a5; font-weight:300; font-size:14px; display:inline-block; padding-right:23px;}
#footer .copyright li:nth-child(1) a:hover {color:#838383;}
#footer .copyright li:nth-child(1) a:nth-child(2) {padding-left:21px;}
#footer .copyright li:nth-child(2) {color:#838383; padding-top:5px;}

	/* footer - familysite */
	.familysite {top:20px; position:absolute; right:10px;}
	.familysite_title {position:relative; width:160px; height:34px; line-height:32px; padding:0 10px; border:1px solid #d6d6d6; border-radius:4px; background:#d6d6d6; color:#949494; font-size:13px; font-weight:300; cursor:pointer;}
	.familysite_title:after {content:''; position:absolute; top:50%; right:10px; width:9px; height:5px; margin-top:-3px; background:url('../../images/homepage/common.png') 0 -200px no-repeat;}
	.familysite_list {display:none; position:absolute; bottom:100%; left:0; margin-bottom:-1px;}
	.familysite_list ul {width:160px; border:1px solid; padding:5px 10px; border:1px solid #d6d6d6; background:#d6d6d6; color:#949494; font-weight:300;}
	.familysite_list ul li {padding:4px 0; list-style:none;}
	.familysite_list ul li a {display:block;}
	.familysite.active .familysite_title {border-top-left-radius:0; border-top-right-radius:0; background-color:#d6d6d6; color:#949494;}
	.familysite.active .familysite_title:after {background-position:left bottom;}
	.familysite.active .familysite_list {display:block;}


/* content - 기본 스타일 */
.content { display:table; margin:0 auto; min-height:800px; position:relative;}
.content .container {border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; height:100%; display:table-cell; padding:30px 50px 150px 50px ; position:relative;}
/* content - h3 : 대분류 타이틀 */
.content h3 {color:#1f1f1f; font-size:32px; font-weight:500; letter-spacing:-1px; position:relative; line-height:100%; padding-top:28px; margin-bottom:40px;}
.content h3:before {content:''; position:relative;display:inline-block; margin-right:10px; left:0; top:0; width:26px; height:22px; background:url(../../images/homepage/common.png) 0 -160px no-repeat; border:1px solid red:}
.padding_con{ width:100%; height:100%; margin-bottom:120px; position:relative; }


/* main - header*/
.main #header {background:url(../../images/homepage/main/banner1.jpg)50% 0 no-repeat #3a3e4a;background-size: 100% 870px;height:870px;}

@media (max-width:1280px) {
	.container, .main #header, #header, .lay_location, #footer, #wrap {width:1280px;}
	.main #header {background-size:1600px 870px;}
}

.mb56 {margin-botto
	m:50px;}
#h70 {height:70px; }
#h100 {height:100px; }
#h250 {height:250px;}
.content h4 {color:#e9512c; font-size:26px; font-weight:500; letter-spacing:-1px;  line-height:100%;  margin-bottom:25px;}
.img_num01 {display:inline-block; background:url(../../images/homepage/common.png) 0 -224px no-repeat; width:31px; height:26px; margin-right:14px; vertical-align:middle;}
.img_num02 {display:inline-block; background:url(../../images/homepage/common.png) -32px -224px no-repeat; width:31px; height:26px; margin-right:14px; vertical-align:middle;}
.img_num03 {display:inline-block; background:url(../../images/homepage/common.png) -64px -224px no-repeat; width:31px; height:26px; margin-right:14px; vertical-align:middle;}
.img_num04 {display:inline-block; background:url(../../images/homepage/common.png) -96px -224px no-repeat; width:31px; height:26px; margin-right:14px; vertical-align:middle;}
.img_num05 {display:inline-block; background:url(../../images/homepage/common.png) -129px -224px no-repeat; width:31px; height:26px; margin-right:14px; vertical-align:middle;}
.txtSub_title {color:#000; font-size:24px; margin-bottom:20px;}
.txt_Sub_con span {float:left; background:url(../../images/homepage/common.png) 0 -260px no-repeat; width:6px; height:30px; margin-right:9px; margin-top:10px; vertical-align:middle;}
.txt_Sub_con {color:#333333; margin-left:43px; font-size:18px; line-height:27px; font-weight:300; line-height:30px; margin-bottom:10px;}
.line_dash {border-bottom:2px dotted #666; margin-bottom:45px; width:93%; margin-left:45px;}
.txt_co_orange {color:#e84f2c; font-size:18px; }
.color001{ color:#e9512c; font-style:normal; display:block;}
.bl_private {padding-left:3px;}




/*테이블스타일*/
.tableBX{
	width:100%;
	position:relative;
	border-spacing:0; border-collapse:0;
	line-height:19px; word-break:break-all;
	font-size:14px;
	padding-bottom:1.3%;
	}
*:first-child+html .table_St th{ font-weight:300; }
.table_St a:hover{text-decoration:underline;}
.tableBX img{vertical-align:middle; }
.table_St{
	width:100%;
	height:auto;
	}
.table_St img{
	vertical-align:middle;
	}
.table_St input{
	vertical-align:middle;
	}
.table_St thead th{
     padding-top:1.3%;
	 padding-bottom:1.3%;
	 border-bottom:1px solid #bebebe;
	 border-top:1px solid #bebebe;
	 text-align:center;
	 border-left:1px solid #bebebe;
	 border-right:1px solid #bebebe;

	 }
.table_St th{
	 vertical-align:middle;
     padding-top:1.3%;
	 padding-bottom:1.3%;
	 border-bottom:1px solid #bebebe;
	 border-top:1px solid #bebebe;
	 text-align:center;
	 border-left:1px solid #bebebe;
	 border-right:1px solid #bebebe;
	 }
.table_St .thcolor01{
	background-color:#f3f6ff;
	}
.table_St .thcolor02{
	background-color:#f0f3fa;
	}
.table_St .thcolor03{
	background-color:#f7f7f7
	}
.table_St .thcolor04{
	background-color:#efefef;
	}
.table_St .thcolor05{
	background-color:#fdf1ef;
	}
.table_St .thcolor06{
	background-color:#fffcde;
	}
.table_St td {
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	border-top:1px solid #bebebe;
	background:none;
	padding-top:1.3%;
	padding-bottom:1.3%;
	padding-left:10px;
	padding-right:10px;
    vertical-align:middle;
	line-height:19px;
	font-weight:300;
	}
.table_St .boR{border-left:1px solid #bebebe;}
.table_St .boL{border-right:1px solid #bebebe;}


.table_St td a{
	text-decoration::none; color:#333;
	}
	
.widthBoard {
	margin : 10px;
	display : inline-block;
	line-height : 33px;
}

.widthBoard_1{line-height:28px;
	width:80%;
	margin-left:10%;
	display:inline-block;
	margin-top:10px;
	margin-bottom:20px;
	}
.hoverNone select{ padding-left:20px; }
.widthBoard_1 textarea{
	width:85%;
	border:1px solid #c7c7c7;
	min-height:90px;
	display:inline;
	float:left;
	}
.widthBoard_1 .btn_wid{
	display:inline-block;
	width:13%;
	min-height:90px;
	float:right;
	position:relative;
    }
.widthBoard_1 .btn_wid a{
	display:inline-block;
	width:100%;
	min-height:90px;
	text-align:center;
	background:#e1e1e1;
	border:1px solid #CCC;  }
.widthBoard_1 .btn_wid a:hover{
	background:#bebebe;
	border:1px solid #bebebe;  }
.widthBoard_1 .btn_wid em{
	display:inline-block;
	text-align:center;
	line-height:90px;
	color:#666;}
.table_Sm td{ padding-top:1.2%;  padding-bottom:1.2%;}
.tableRE:hover{background:#FFF;}
.tableRE p{ padding-top:3%; padding-bottom:3%;}
.center{text-align:center;}
.ana001{ margin-top:18px; margin-bottom:18px; margin-left:-7px; vertical-align:middle;}
.ana001 span{ font-weight:600; font-size:18px; display:inline-block; padding-left:12px; padding-top:4px;}


/* table - subject */
.table_St .t_title {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; max-width:700px; vertical-align:middle; padding-right:25px; position:relative;}
.table_St .t_reple {color:#e9281d; font-size:12px; position:absolute; top:0; right:0;}


.notice_search p select {}
.notice_search p select option {height:31px;}


/* paginate - typeA */
.paginate {line-height:27px; margin:0 auto; text-align:center; margin-top:10px; padding-top:30px;}
.paginate strong, .paginate a {display:inline-block; letter-spacing:0; border:1px solid #e5e5e5; width:32px; height:32px; line-height:30px; vertical-align:top; box-sizing:border-box; color:#797c82;}
.paginate strong:hover, .paginate a:hover {background-color:#f7775e; border-color:#f7775e; color:#fff;}
.paginate strong {background-color:#929292; color:#fff; border-color:#929292;}
.paginate .arrow {background:url(../../images/homepage/bl_num.png) no-repeat; background-position-y:10px;}
.paginate .first {background-position-x:11px;}
.paginate .prev {background-position-x:-35px;}
.paginate .next {background-position-x:-79px;}
.paginate .end {background-position-x:-124px;}
.paginate .arrow:hover {background-position-y:-30px;}


/*페이징PCcss*/
.paging{height:52px;
    position:relative;
	background:#f2f2f2;
	border-left:1px solid #c7c7c7;
   }
.paging >a{height:52px; position:absolute; top:0px; left:0px; display:inline-block; width:54px; text-align:center;}
.paging p a:hover{ color:#FFF; background:#000; border-radius:3px;}
.paging >a+a{ left:54px; }
.paging >a+a+a{ left:auto; right:54px; }
.paging >a+a+a+a{ left:auto; right:0px; }
.paging .num{display:block; padding-top:12px; line-height:0; text-align:center;}
.paging .num >a{display:inline-block; width:30px; height:30px; line-height:30px; margin:0 5px; font-size:14px; text-align:center;}
.paging .num >a.on{ color:#FFF; background:#000; border-radius:3px;}
.borderB{border-bottom:1px solid #bebebe;}



/*메인검색css*/
#contentBX{width:97%; position:relative; margin-left:1.5%; margin-top:55px; margin-bottom:80px;  float:left; min-height:700px;}
*:first-child+html #contentBX{width:1024px; position:relative; margin:0 auto; margin-top:50px; margin-bottom:80px;}
.mainSearch{ margin-bottom:25px;}
.mainSearch fieldset table{width:100%; background:url(../../images/homepage/bg_patten01.gif) repeat; vertical-align:middle;}
.mainSearch fieldset table tr td{padding-left:28px;  padding-top:25px; padding-bottom:25px;}
.mainSearch fieldset table img{vertical-align:middle;}
.mainSearch fieldset table input[type="radio"]{display: inline-block; margin-right:10px; *display: inline; *zoom: 1; color:#666; }
.mainSearch fieldset table input[type="checkbox"]{display: inline-block; margin-right:10px; *display: inline; *zoom: 1; color:#666;}
.mainSearch fieldset table input[type="text"]{ margin-top:2px; border:#cccccc 1px solid; font-size:14px; padding-left:15px; color:#666; height:31px; line-height:31px;}
.mainSearch fieldset table select{width:100px; border:#cccccc 1px solid; margin-right:5px; font-size:15px; line-height:35px;}

.serTit{ font-weight:600; font-size:18px;}
.wid001{ width:110px; display:inline-block;}
.wid002{ width:380px; display:inline-block; }
.wid003{ width:460px; display:inline-block; }
.wid004{ width:170px; display:inline-block; }
.width20{ width:100px;}
.width50{ width:250px;}
.width100{width:450px;}
.textareaBX{ width:99%; height:290px; border:1px solid #cccccc; margin-left:5px; }
.bg_gray{ background:#f1f1f1;}
.btn_go{ width:150px; background:#929292; }
.btn_go a{background:#929292; padding-left:55px; padding-right:55px; color:#FFF; height:31px; line-height:31px; display:inline-block;}
.btn_go a:hover{background:#4d525d; color:#FFF;}
.img_b{width:25px;}
.img_b img{  display:inline-block; padding-top:8px; }


/*공지사항 검색 css*/
.notice_search{  width:100%; height:52px; }
.notice_search p{float:right;  padding-left:50px; }
.notice_search input{padding-right:15px; padding-top:4px; padding-bottom:5px; border:#CCC 1px solid; width:220px; }
.notice_search a {background:#929292; margin-left:10px; padding-left:34px; padding-right:34px; color:#FFF; height:31px; line-height:31px; display:inline-block; vertical-align:middle;}
.notice_search a:hover{background:#4d525d; color:#FFF; }
.notice_search p select{padding-top:5px; padding-bottom:5px; width:100px; border:#cccccc 1px solid; margin-right:5px; font-size:14px;
}

/*버튼*/
,listBtnBX{width:100%; height:auto; position:relative;}
.listBtn{float:right; margin-top:20px;  height:44px;}
.listBtn li{ display:inline-block; height:44px; }
.listBtn li a{background:#808288; color:#FFF; padding-left:40px; padding-right:40px; height:44px; display:inline-block; line-height:44px; }
.listBtn li a:hover{background:#5b5d65;}



/*버튼_센터이동*/
,listBtnBX{width:100%; height:auto; position:relative; text-align:center;}
.listBtn_center{ text-align:center;  margin-top:50px;  height:44px;}
.listBtn_center li{ display:inline-block; height:44px; }
.listBtn_center li a{background:#2a7abf; color:#FFF; padding-left:40px; padding-right:40px; height:44px;
display:inline-block; line-height:44px; border-radius:6px;}
.listBtn_center li a:hover{background:#0a3f6b;}




/*플랫폼안내*/
.platformBX{ width:100%; height:563px; border:#cccccc 1px solid; position:relative; margin-bottom:50px;  }
.platformTit{ width:100%;  height:62px;  background:url(../../images/homepage/bg_ground.png) bottom repeat-x; }
.platformTit span{ font-size:21px; font-weight:600; padding:13px; display:inline-block; padding-left:20px;}
.platformTXT{border:#cccccc 1px solid; overflow-y:scroll; width:96.5%; height:460px; margin:20px; padding:20px;
line-height:30px; font-weight:300; font-size:17px;}

.platformVR{ position:relative; width:100%; height:280px;  margin-top:20px; display:inline;}
.platformVR .VR001{  position:relative; display:inline-block; margin: 0 auto;}
.platformVR .VR001 .vrdt{ width:85%; height:185px; background:#FFF; margin: 0 auto; margin-top:30px;  position:relative; }
.platformVR .VR001 a{background:url(../../images/homepage/bg_vi001.png) no-repeat; width:272px; height:150px;
position:absolute; top:17px; left:20px;}
.platformVR .VR001 a:hover{background:url(../../images/homepage/bg_vi002.png) no-repeat;}
.platformVR .VR001 .vrdd{  padding-left:30px; font-size:16px; font-weight:600; color:#FFF; height:30px; margin-top:12px;
background:url(../../images/homepage/img_vi.png) 0 4px no-repeat; margin-left:26px;}
.Right001{width:370px;  height:280px; background:#b1ccec; float:right;}
.Left001{width:370px;   height:280px; background:#91e2f0; float:left;}
.center001{width:370px; height:280px; background:#e4bef1;}
.margin001{ margin-left:33px;}





/*관련규정*/
.rullBX01{ width:100%; height:min-height:120px; border:1px solid #C6C6C6; float:left; margin-bottom:20px; }
.rullBX01 dt{font-size:33px; font-weight:600; color:#333; width:26%; display:inline-block;
float:left; padding-left:28px; padding-top:20px; padding-bottom:20px;
background:url(../../images/homepage/img_bull.png) 0 38px no-repeat; margin-left:28px; }
.rullBX01 dd{display:inline-block; float:left; font-size:18px; color:#333; padding-bottom:25px;  font-weight:300; width:70%; background:url(../../images/homepage/bg_ground2.png) repeat-y; }
.rullBX01 dd ul{ padding:30px;}
.rullBX01 dd ul li{background:url(../../images/homepage/common.png) 0 -250px no-repeat; padding-left:18px; margin-top:3px; margin-bottom:3px;
 width:97%; float:left; height:33px;}
.rullBX01 dd ul li .btn_ruleGo{float:right;}
.rullBX01 dd ul li .btn_ruleGo a{ display:inline-block; width:113px; height:33px; background:url(../../images/homepage/btn_go002.png) 0 0px no-repeat;  }
.rullBX01 dd ul li .btn_ruleGo a:hover{background:url(../../images/homepage/btn_go001.png) 0 0px no-repeat;}
.btn_ruletxt{ display:inline-block; background:#666;}
.lastpadding{  display:inline-block;}



/* main - banner1 */
.main .banner1 {width:1280px; margin:0 auto; text-align:center;}
.main .banner1 ul {padding-top:260px;}
.main .banner1 li {color:#ffffff; display:block;}
.main .banner1 li:nth-child(1) {background:url(../../images/homepage/main/banner1-t1.png) top center no-repeat; height:88px; text-indent:-8000px; margin-bottom:45px;}
.main .banner1 li:nth-child(2) {font-size:53px; font-weight:600; margin-bottom:45px;}
.main .banner1 li:nth-child(3) {font-size:24px; font-weight:300;}
.main .banner1 li:nth-child(4) {padding-top:40px;}
a.btn_login {
	font-size:150%; font-weight:400; color:#ffffff; letter-spacing:0; border:1px solid #ffffff; padding:4px 45px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
	 -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
a:hover.btn_login {border-color:#f7775e; background-color:#f7775e;}

/* main - 수치값 */
.valueBX{ width:100%; height:135px; background:#3a3e4a;}
.valueBX dl{ margin-top:36px;}
.valueBX dt{ font-size:20px; font-weight:300; color:#a5a5ae; float:left;  padding-top:20px; }
.valueBX dd{ font-size:44px; font-weight:600; color:#fff; float:right; padding-right:30px;}

.valueBXDT01{width:26%; display:inline-block; float:left;
background:url(../../images/homepage/bull_line.png) no-repeat right;  }
.valueBXDT02{width:42%; display:inline-block; margin-left:30px;
background:url(../../images/homepage/bull_line.png) no-repeat right;}
.valueBXDT03{width:26%; display:inline-block; float:right;}

/* main - aboutUS */
.aboutUS{ width:100%; height:700px; background:#fff; text-align:center;}
.aboutUS_Margin{padding-top:100px; text-align:center;}
.aboutUS_Margin h3{color:#e74c3c; width:590px; height:140px; margin:0 auto;
background:url(../../images/homepage/main/img_aboutus.gif) bottom no-repeat; display:inline-block; margin-bottom:35px; }
.aboutUS_Margin h4{font-size:26px; font-weight:300;  }
.aboutUS_Margin dl{ margin-top:25px; font-size:18px; font-weight:300; line-height:29px;}
.aboutUS_Margin dt{ font-size:24px; font-weight:600; margin-bottom:20px; }
.aboutUS_Margin p{}
.aboutUS .bt_platform {min-width:172px; text-align:center; margin-top:50px;}
.aboutUS .bt_platform a {display:inline-block; padding:0 32px; height:43px; line-height:42px;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#f7775e; color:#fff; font-size:18px; font-weight:300; }
.aboutUS .bt_platform a:hover {color:#fff; background-color:#eb6348;}


/* main - member */
.member{ width:100%; height:700px;}
.member .containerBX{width:100%; background:url(../../images/homepage/main/banner2.jpg)50% 0 no-repeat #3a3e4a;background-size: 100% 870px;height:700px;}
.member h3{color:#fff; width:590px; height:140px; margin:0 auto;
background:url(../../images/homepage/main/img_aboutus_w.png) bottom no-repeat; display:inline-block; margin-bottom:35px; }
.member h4{color:#FFF; font-weight:300; font-size:26px;}
.member dl{margin-top:30px; width:310px; float:left; }
.member dt{ text-align:center;}
.member .memberTxt01{color:#FFF; font-size:21px; text-align:center;}
.member .memberTxt02{color:#f66948; font-size:21px; font-weight:600; text-align:center;}


/* main - mobile */
.mobile{ width:100%; background:#FFF;  height:670px;}
.aboutUS_Margin01{padding-top:100px; text-align:center; background:url(../../images/homepage/main/banner3.jpg) bottom no-repeat; width:100%; height:670px; }
.mobile h3{color:#333; width:600px; height:35px; margin:0 auto;
display:inline-block; margin-bottom:35px; font-weight:400; }
.mobile h4{color:#333; font-weight:300;  font-size:26px;}


/* 공통 사용 폰트 */
h3 {font-size:32px;}
h4 {font-size:26px;}
h5 {font-size:24px;}
h6 {font-size:20px;}
h7 {font-size:18px;}
h8 {font-size:16px;}
h3, h4, h5, h6, h7, h8 {color:#1f1f1f; font-weight:normal;}
.t_info {font-size:13px; padding-left:5px; color:#f7775e;} /* 보조 설명글 */
.t_orange {color:#f7775e;}

/* 공통유형 */
.required:after {content:'*'; color:#f1664b; font-weight:bold; padding-left:3px; vertical-align:middle;} /* 입력 - 중요체크 deco '*' */
.btn_dot {border-top:1px dotted #bebebe; padding-top:15px; margin-top:25px;} /* popup dot line */
input.int {border:1px solid #cccccc; height:31px;} /* 공통 input */
input.int:focus, select.int:focus {border:1px solid #e7775c; outline:0;}

/* 간격조절 */
.wp100 {width:100%;}
.ptb10 {padding-top:8px !important; padding-bottom:12px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt50 {padding-top:50px !important;}
.pb15 {padding-bottom:15px !important;}
.pb30 {padding-bottom:30px !important;}
.mb30 {margin-bottom:30px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.pa_right10 {position:absolute; right:10px; top:0;}

/* 정렬 */
.lay_left {text-align:left !important;} /* 왼쪽 정렬 */
.lay_center {text-align:center !important;} /* 가운데 정렬 */
.lay_right {text-align:right !important;} /* 오늘쪽 정렬 */

/* button - basic style */
a.btn {height:31px; background-color:#929292; color:#ffffff; height:31px; display:inline-block; vertical-align:middle; padding:0 20px; line-height:31px; text-align:center;}
a.btn:hover {background-color:#4d525d;}

.btn_dark {background-color:#4d525d !important;}
.btn_dark:hover {background-color:#f7775e !important;}
.btn_orange {background-color:#f7775e !important;}
.btn_orange:hover {background-color:#4d525d !important;}
.btn_big {height:40px !important; line-height:40px !important; min-width:150px;}


/* 설명글 - layout */
.title_info h4 {font-weight:normal; color:#1f1f1f;}
.title_info ul {padding-left:20px; padding-bottom:20px;}
.title_info li {list-style:disc; padding-bottom:5px;}


/* 달력 - input */
.box_calendar {height:31px; overflow:hidden; border:1px solid #cccccc; display:inline-block; background-color:#f8f8f8; position:relative; vertical-align:middle;}
.box_calendar input {border:0 !important; height:auto; margin-top:-1px; width:83px; padding-right:6px;}
.box_calendar input:focus {background-color:#f8f8f8; border:0 !important;}
.box_calendar span {position:absolute; top:7px; right:5px; display:block; width:16px; height:16px; vertical-align:middle; text-indent:-8000px; background:url(../../images/homepage/bl_calendar.gif);}
.box_calendar span a {display:block;}
.box_calendar .bl_calendar {padding-top:7px; padding-right:6px; display:inline-block;}
/* 첨부파일 - input */
.box_file .file_input {width:90px; position:relative; overflow:hidden; display:inline-block; height:31px; vertical-align:middle;}
.box_file .file_button {width:90px; position:absolute; top:0px;}
.box_file .file_hidden {position:absolute; left:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}
.box_file input[type=button] {padding:0; height:31px; line-height:1px; border:1px solid #4d525d; background-color:#4d525d; color:#FFFFFF;}
.box_file .file_text {margin-left:-3px; width:40%;} /* text */
.box_file .file_list {background-color:#f8f8f8; border:1px solid #bebebe; padding:14px; margin-top:7px;} /* file list */
.box_file .file_list ul {width:100%;}
.box_file .file_list li {padding-bottom:5px;}
.box_file .file_list li:last-child {padding-bottom:0;}
.box_file .file_list a {display:inline-block; width:13px; height:12px; vertical-align:middle; text-indent:-8000px; background:url(../../images/homepage/bl_del.gif) no-repeat; margin-left:5px;}
.box_file .file_list a:hover {background-position:left bottom;}
/* 보조글 - table */
.box_assist {width:50%; margin:0 auto; position:relative; padding-top:48px;}
.box_assist:before {content:''; width:42px; height:48px; left:50%; top:0; margin-left:-21px; position:absolute; background:url(../../images/homepage/bl_find.png) no-repeat;}
.box_assist th, .box_assist td {text-align:center; font-size:16px;}
.box_assist th {font-weight:normal;}
.box_assist td {color:#1f1f1f;}
/* 보조글 - 글씨 */
.assist_deco {text-align:center; font-size:16px; background-color:#f8f8f8; border:1px solid #c1c1c1; padding:20px;}
.assist_deco:before {display:none;}
.assist_deco span {color:#f7775e; font-size:24px;}
.assist_deco strong {color:#1f1f1f;}


/* TAB - typeA */
.tab_typeA ul {position:relative; display:block; border-left:1px solid #bebebe;}
.tab_typeA ul:after {content:""; display:block; clear:both; height:0;}
.tab_typeA li {float:left; text-align:center; overflow-y:hidden;}
.tab_typeA li a {display:block; width:190px; height:45px; line-height:45px; background-color:#f8f8f8; color:#909090; border-right:1px solid #bebebe; border-top:1px solid #bebebe; font-weight:bold;}
.tab_typeA li a.on {border-top:4px solid #f7775e; color:#f7775e; background-color:#ffffff; line-height:39px;}
/* TAB - typeB */
.tab_typeB {background:url(../../images/homepage/bg_patten01.gif); padding:15px;}
.tab_typeB > ul {display:table; width:100%;}
.tab_typeB > ul > li {display:table-cell; width:50%;}
.tab_typeB > ul > li:first-child {border-right:0;}
.tab_typeB li a {display:block; text-align:center; height:50px; line-height:50px; font-size:18px; border:1px solid #c6c6c6; background-color:#ffffff;}
.tab_typeB li a.on {background-color:#f7775e; color:#fff; border:1px solid #f7775e;}
.tab_typeB li a:hover, .tab_typeB a.on:hover {background-color:#4d525d; color:#ffffff; border:1px solid #4d525d;}
/* STEP - round */
.round_step {margin:30px -10px; text-align:center;}
.round_step ul {display:table; background:url(../../images/homepage/bl_line.gif) left center repeat-x; margin:0 auto;}
.round_step li {display:inline-block; padding:0 20px; border:1px solid #c1c1c1; border-radius:20px; height:40px; line-height:35px; margin-right:10px; background-color:#ffffff; vertical-align:top;}
.round_step li:last-child {margin-right:-1px;}
.round_step li.on {border:2px solid #f7775e; color:#f7775e; font-weight:bold;}
.round_step li strong {font-size:16px;}
.round_step span {padding-top:20px; display:block;}

/* 입력 박스 */
.box_input {text-align:right; margin-bottom:20px; padding:7px 15px; border:1px solid #fbbbae; background-color:#fef1ef;}
.box_input select, .box_input option, .box_input input {height:31px; line-height:31px; border:1px solid #ccc; border-right:1px solid #fcd1c8; border-bottom:1px solid #fcd1c8;}
.box_input select, .box_input input {margin-right:4px;}

/* Table */
.table_col {border-top:1px solid #bebebe; border-left:1px solid #bebebe;}
.table_col th, .table_col td {border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; height:45px; padding:2px 10px;}
.table_col thead th {text-align:center; padding-left:1px; padding-right:1px;}
.table_col th {background-color:#f8f8f8;min-width: 150px; text-align:left; padding-left:20px;}
.table_col input, .table_col select {border:1px solid #cccccc; height:31px;}
.table_col input[type="checkbox"] {background-color:transparent;}
.table_col input:focus, .table_col select:focus {border:1px solid #f7775e; background-color:#ffffff; outline:0;}

.table_col .txt_left {text-align:left !important;} /* 왼쪽 정렬 */
.table_col .txt_center {text-align:center !important;} /* 가운데 정렬 */
.table_col .txt_right {text-align:right !important;} /* 오른쪽 정렬 */

.table_tcenter {text-align:center;} /* 테이블 - 가운데 정렬시키기 */
.table_tcenter th, .table_tcenter td {text-align:center !important;}
	

/* 팝업 */
#popup {width:400px; border:1px solid #3f4451; background-color:#ffffff;}
#popup dt {background-color:#3f4451; height:38px; position:relative;}
#popup dd {text-align:center; padding:25px; padding-top:30px;}
#popup dd span {color:#55585d;}
#popup dt h1 {background:url(../../images/homepage/popup.png) no-repeat; display:inline-block; width:104px; height:14px; text-indent:-8000px; margin-top:12px; margin-left:10px;}
#popup dt .btn_close {width:11px; height:11px; position:absolute; right:10px; top:12px; background:url(../../images/homepage/popup.png) 0 -30px no-repeat; text-indent:-8000px;}
#popup dt .btn_close:hover {background-position-y:-60px;}

/* 팝업 - Full 사이즈 */
.popup_full {width:100% !important; border:0 !important;}
.popup_full dt h1 {width:20px !important; height:20px !important; background-position-y:-90px !important;}
.popup_full dt h3 {display:inline-block; font-size:18px; font-weight:bold; vertical-align:top; color:#ffffff; height:38px; line-height:37px; margin-left:8px;}

/* STEP - round */
.closed_step {margin:30px -10px; text-align:center;}
.closed_step ul {display:table; background:url(../../images/homepage/bl_line.gif) left center repeat-x; margin:0 auto;}
.closed_step li {display:inline-block; padding:0 60px;border-radius:20px; height:40px; line-height:35px; background-color:#ffffff; vertical-align:top;}
.closed_step li.on {border:2px solid #f7775e; color:#f7775e; font-weight:bold;}
.closed_step li strong {font-size:16px;}
.closed_step span {padding-top:20px; display:block;}

/*0627 개인정보처리방침 팝업*/
.txt_left {text-align:left;}
.fs25 {font-size:25px;}
.mt5 {margin-top:5px;}
.col_gray {color:#999;}
.mt20 {margin-top:20px;}
.in_box {background-color:#edf5f9; border:1px solid #c2d4de; padding:15px 15px 0 15px;}
.in_box li {margin-bottom:15px; line-height:24px;}
.in_box img {vertical-align:middle; margin-right:5px;}
.mt30 {margin-top:30px;}
.icon_pop {display:inline-block; background:url(../../images/homepage/common.png) 0 -160px no-repeat; width:26px; height:19px; vertical-align:middle; margin-right:5px;}
.fs16 {font-size:16px;}
.col_blue {color:#2072c0;}
.pop_table {border-left:1px solid #e5e5e5;}
.pop_table tr th {border-top:2px solid #4d4d4d; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f9f9f9; height:38px; text-align:center;}
.mt10 {margin-top:10px;}
.mb20 {margin-bottom:20px;}
.pop_table tr td { text-align:center; padding:10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.lh24 {line-height:24px;}
.lineyes a {text-decoration:underline; color:#0081ba; }
.in_box span#color_red {color:#F00;}

/*0707 모바일지원*/
@media (max-width:1280px) {
	.topmenu .container  {width:1200px;}
	#header h1 a { margin-left:10px;} 
	#nav ul {margin-left:-60px; }
	#nav li li  {margin-left:70px; margin-top:-1px;} 
} 
/*아이패드*/
@media (max-width:1024px) {
	.topmenu .container  {width:990px;}
	#header h1 a { margin-left:10px;} 
	#nav ul {margin-left:-155px; } 
	#nav li li  {margin-left:150px; margin-top:-1px;} 
}
/*갤럭시탭*/
@media (max-width:800px) {
	.topmenu .container  {width:765px;} 
	#nav ul {margin-left:-250px; } 
	#nav li li  {margin-left:250px; margin-top:-1px;} 
}
@media (max-width:768px){
	.topmenu .container  {width:725px;} 
	#nav ul {margin-left:-260px; }
	#nav li li  {margin-left:260px; margin-top:-1px;}
	#nav li li a {font-size:13px} 
}
@media (max-width:640px){
	.topmenu .container  {width:600px;} 
	#header h1 a { margin-left:0;}
	#nav ul {margin-left:-330px; } 
	#nav li li  {margin-left:330px; margin-top:-1px; padding:10px 10px 11px 10px;}
	#nav li li a {font-size:12px;} 
	.topmenu #nav li a {font-size:14px}
	#nav .bt_platform {min-width:170px;} 
	#nav .bt_platform a {padding:0 13px;}
}
@media (max-width:480px){
	.topmenu .container  {width:460px;} 
	#header h1 a { margin-left:0;}
	#nav ul {margin-left:-410px; }
	#nav li li  {margin-left:400px; margin-top:-1px; width:95px; padding:10px 0px 11px 0px;}
	#nav li li a {font-size:12px;} 
	.topmenu #nav li a {font-size:12px}
	.topmenu #nav li:nth-child(2) , .topmenu #nav li:nth-child(3) {width:16%;}
	.topmenu #nav li li:nth-child(2) , .topmenu #nav li li:nth-child(3) {width:95px;}
	#nav .bt_platform {min-width:130px;} 
	#nav .bt_platform a {padding:0 13px;}
}