@charset "utf-8";

@import url("confirm.css");
@import url("new_bbs.css");

/* 폼양식 */
input[type=text] { height:30px; padding:5px; background:#fff; border:1px solid #dadada; }
input[type=password] { height:30px; padding:5px; background:#fff; border:1px solid #dadada; }
input[type=checkbox] { width:15px; height:15px; border:1px solid #000 }
select { height:30px; background:#fff; border:1px solid #dadada; }

/* 제목스타일 */
.mtop5 { margin-top:5px; }
.con_h { height:50px; }
.con_btit { padding-bottom:10px; font-size:24px; line-height:36px; font-family:'Nanum Square-b'; color:#475893; }
.guide_txt { color:#007abc }
.sub_title {font-family:'NanumSquare'; font-weight:bold; font-size:24px; line-height:24px; color:#237cc1; margin:0 0 20px; }
.underline {border-bottom:2px #237cc1 solid;width:25px; margin:0 0 40px;}
.search_total { color:#007abc }
.search_total span { float:right; color:#000; font-size:12px; line-height:16px; padding-top:5px }
.search_total:after {content: ''; display:block; clear:both; visibility:hidden; }

@media (max-width:767px) {
.con_h { height:30px; }
.con_btit { padding-bottom:5px; font-size:18px; }
.guide_txt  { font-size:12px; }
.sub_title {font-size:18px; line-height:18px; margin:0 0 10px}
.underline {margin:0 0 20px;}
}

/* 테이블스타일 */
.table_type01 { margin-top:10px; }
.table_type01 table { width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #000; border-right:none; }
.table_type01 table thead th { background:#eff2f8; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #000; padding:10px 0; font-weight:bold; font-size:14px; }
.table_type01 table tbody th { background:#f5f5f5; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:10px 0; font-weight:bold;; font-size:14px; }
.table_type01 table td { border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:10px 0; text-align:center; font-size:14px; }
.table_type01 table tr td:last-child,
.table_type01 table tr th:last-child { border-right:none; }
.table_type01.left table tr td, .table_type01 table tr td.left { text-align:left; padding:10px 10px }
.table_type01 table td a { text-decoration:underline }

.table_type01 .last { border-right:none; }
.table_type01 th.c_info { background:#eff2f8; }
.table_type01 td.c_info { background:#f5f5f5; }

.table_type02 table thead th, 
.table_type02 table tbody th,
.table_type02 table tbody td { padding:7px 0}
.table_type02 table thead th { background:#707580; color:#fff; border-right:1px solid #aeaeae }
.table_type02 table thead th.r_line { border-right:1px solid #aeaeae }
.table_type02 th, .table_type01.w td { font-size:13px; line-height:18px; }

.table_type01.f_bg input[type=text] { background:#f8f8f8 }
.table_type01.f_bg input[type=checkbox] { margin:0 5px; }

@media (max-width:767px) {

.table_type01 table thead th { font-size:12px; }
.table_type01 table tbody th { font-size:12px; }
.table_type01 table td { font-size:12px; }
.table_type01.left table tr td, .table_type01 table tr td.left { padding:10px 7px }
.table_type01 table tr td.left { font-size:12px; line-height:18px; }
.table_type01 table td a { font-size:12px; line-height:18px; }

}

@media (max-width:380px) {

.table_type01 table thead th { line-height:14px; }
.table_type01 table tbody th { line-height:14px; }
.table_type01 table td { line-height:14px; }

.table_type01.org table thead th { font-size:11px; line-height:16px; }
.table_type01.org table tbody th { font-size:11px; line-height:16px; }
.table_type01.org table td { font-size:11px; line-height:16px; }
.table_type01.org table td a { font-size:11px; line-height:16px; text-decoration:underline }

}

/* 목록스타일 */
.list_type01 li { background:url('../images/common/bullet_02.gif') no-repeat 0 7px; padding-left:10px; line-height:21px; padding-bottom:15px }

/* 품질인증1 */
.quality_wrap { webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
background:url('../images/support/quality_bg2.gif') repeat-y; background-size:100% auto; position:relative; letter-spacing:-0.02em;}
.quality_wrap .tit { padding-top:50px; font-weight:bold; font-size:18px; color:#1a1a1a; text-align:center;}
.quality_wrap .t1 { width:80%; margin:20px auto 0; line-height:24px; font-size:14px; }
.quality_wrap .t1 b {font-size:14px;}
.quality_wrap .t2 { width:80%; margin:0 auto; line-height:24px; margin-top:30px;}
.quality_wrap .t3 {text-align:center; line-height:40px; color:#444; margin-top:30px;}
.quality_wrap .t3 .s1 {display:block; font-size:16px;}
.quality_wrap .t3 .s2 {display:block; font-weight:bold; font-size:16px;}
.quality_wrap .b_tit {color:#237cc1;}
.quality_bg1 { background:url('../images/support/quality_bg1.gif') no-repeat left top; padding-top:180px; background-size:100% auto; }
.quality_bg1_2 { background:url('../images/support/quality_bg1_2.gif') no-repeat left top; padding-top:180px; background-size:100% auto; }
.quality_bg2 { margin-bottom:30px; }
.quality_bg3 { background:url('../images/support/quality_bg3.gif') no-repeat left bottom; height:44px;  background-size:100% auto; }


@media (max-width:800px) {
.quality_bg1, .quality_bg1_2 { padding-top:80px; }
}

@media (max-width:480px) {
.quality_bg1, .quality_bg1_2 { padding-top:50px; }
}

@media (max-width:380px) {
.quality_bg1, .quality_bg1_2 { padding-top:30px; }
.quality_bg2 { margin-bottom:0; }
}

/* 연구개발 */
.top_con_box1 {position:relative;margin-top:35px;margin-bottom:20px;padding:60px 40px 40px;line-height:24px;background:#f1f1f1;border:1px solid #ddd;color:#333;}
.top_con_box1 .tit {position:absolute;top:-25px;left:50%;margin-left:-150px;width:300px;height:50px;line-height:50px;border-radius:50px;background:#fdb813;color:#333;
text-align:center;font-weight:bold;font-size:20px;}
.top_con_box1.cen {text-align:center}
.top_con_box1.pad {padding:80px 40px;margin-bottom:50px;}
.top_con_box1.pad2 {padding:80px 40px;margin-top:10px;}
.top_con_box2 {margin-bottom:50px;}
.rnd_img {width:100%; text-align:center; border:1px #ddd solid; padding:30px 10px;margin:0}
.rnd_img img {width:60%;max-width:80%;}

@media (max-width:767px) {

.top_con_box1 {position:relative;margin-top:30px;margin-bottom:20px;padding:30px 20px 20px;font-size:13px;line-height:21px;background:#f1f1f1;border:1px solid #ddd;color:#333;}
.top_con_box1 .tit {position:absolute;top:-15px;left:50%;margin-left:-100px;width:200px;height:30px;line-height:30px;border-radius:30px;background:#fdb813;color:#333;
text-align:center;font-weight:bold;font-size:16px;}
.top_con_box1.pad {padding:40px 20px;}
.top_con_box1.pad2 {padding:40px 20px;}
.rnd_img img {width:auto;max-width:100%;}

}

@media (max-width:480px) {

.top_con_box1 {margin-top:20px;}
.top_con_box1.pad {padding:20px 20px;}
.top_con_box1.pad2 {padding:20px 20px;margin-top:0;}

}
/******************************************/
/******************************************/
/****회사소개****/
/* 인사말 */
.about{text-align:center;}
/* .about > p img{width:500px; margin-bottom:30px;} */
.about > p img {width: 400px; padding-left: 50px; padding-right: 50px; margin-bottom: 30px; padding-bottom: 45px;border-bottom: 2px solid #D2E4F3;}
.about div > h2{font-size:30px; color:#555; font-weight:400; margin-bottom:10px;  letter-spacing:-1px; line-height:135%;}
.about div > h3{font-size:38px; color:#0d5db5; font-weight:700; letter-spacing:-1px; line-height:135%; margin-bottom:20px;}
.about div > h3 p{font-size:17px; color:#20600b; font-weight:400; margin-top:10px;  letter-spacing:-1px; line-height:140%;}
.about div > h3 span{display:block; margin:30px auto; height:1px; width:50px; background:#555}
.about div > p{font-size:17px; padding:0 50px; margin-bottom:15px; line-height:150%; text-align:left;}
.about div > p br{display:none;}
.about div > p img{vertical-align:middle}
.about div > p.name{text-align: right; color:#161616;}

/* 역사 */
.about_history .inner{margin-bottom:25px;}
.about_history .inner h3{font-size:18px; background:url(../images/common/bullet_002.gif) no-repeat 0 50%; color:#0d5db5; font-weight:500; padding-left:20px; margin-bottom:15px;}
.about_history .inner ul{width:96%; margin:0 auto; border-radius:5px; background:#f5f5f5; padding:10px 15px;}
.about_history .inner ul li{font-size:15px; color:#5c5c5c; line-height:135%; margin:7px 0;}

.inner_history ul.tabs {overflow:hidden;width:100%; background:#fff; text-align:center; font-size:0}
.inner_history ul.tabs li {position:relative; display:inline-block; font-size:15px; height:60px; line-height:60px; width:22%; cursor: pointer; overflow:hidden; position: relative; border-bottom:1px solid #ededed; margin-right:8px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
}
.inner_history ul.tabs li:last-child{margin-right:0;}
.inner_history ul.tabs li.active{color:#0d5db5; border-bottom:2px solid #4783d4; font-weight:500}
.inner_history .tab_container{width:100%; margin-top:20px;}
.inner_history .tab_container .tab_con{padding:0 18px;}
.inner_history .tab_container .tab_con > div{margin-bottom:30px;}
.inner_history .tab_container .tab_con h3{font-size:24px; color:#000; margin-bottom:15px; font-weight:400}
.inner_history .tab_container .tab_con h3 span{width:55px; height:1px; background:#000; display:block; margin:30px 0}
.inner_history .tab_container .tab_con ul li{padding:5px 0}
.inner_history .tab_container .tab_con ul li p{display:table-cell; font-size:14px; line-height:135%;}
.inner_history .tab_container .tab_con ul li p:first-child{width:80px;}
.inner_history .tab_container .tab_con ul li p span{display:block; font-size:14px; line-height:150%;}

/*주요산업*/
.biz div {margin-bottom:30px;}
.biz div h3{font-size:18px; background:url(../images/common/bullet_002.gif) no-repeat 0 50%; color:#0d5db5; font-weight:500; padding-left:15px; margin-bottom:15px; letter-spacing:-1px;}
.biz div ul{border-radius:5px; border:1px solid #ededed; padding:15px; background:#f5f5f5}
.biz div ul li{font-size:16px; line-height:145%; padding:3px 0}

/*회원가입*/
.join_guide div {margin-bottom:30px;}
.join_guide div h3{font-size:18px; background:url(../images/common/bullet_002.gif) no-repeat 0 50%; color:#0d5db5; font-weight:500; padding-left:15px; margin-bottom:15px; letter-spacing:-1px;}
.join_guide div h4{padding:0 15px; font-size:16px; margin-bottom:10px; color:#000}
.join_guide div p{font-size:16px; line-height:145%;; padding:0 15px; margin-bottom:15px;}
.join_guide div p strong{color:#ff6600; font-weight:400; font-size:15px; }
.join_guide div ul{border-radius:5px; border:1px solid #ededed; padding:15px; background:#f5f5f5}
.join_guide div ul li{font-size:16px; line-height:145%; padding:3px 0}
.join_guide table{width:96%; border-top:2px solid #222; margin:0 auto;}
.join_guide table th{padding:13px 3px; border-bottom:1px solid #ddd; background:#f5f5f5; color:#444}
.join_guide table td{padding:8px 3px; border-bottom:1px solid #ddd; text-align:center}
.join_guide table td.tx_left{text-align:left}
.join_guide table td strong{color:#ff6600; font-weight:400;}
.join_guide div a{display:block; width:180px; height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px; border-radius:50px; background:#1140ac; margin:0px auto;}

/*조직도*/
.organization{text-align:center;}

/*심볼*/
.about_ci .inner{text-align:center; margin-bottom:30px;}
.about_ci .inner h3{font-size:20px; background:#0d5db5; color:#fff; font-weight:500; letter-spacing:-1px; border-radius:50px; width:280px; padding:15px 0; margin:0 auto 25px;}
.about_ci .inner p{display:inline-block; margin-bottom:10px; font-size:16px; line-height:140%;}
.about_ci .inner .imgbox{border:1px solid #ededed; padding:20px;}

.about_ci .inner_ci {text-align:center; margin-bottom:20px;}
.about_ci .inner_ci{background:url(../images/about/bg.png); border:1px solid #ededed; background-size:21px; padding:20px; }
.about_ci .inner_ci > p img{width:181px;}

.about_ci .inner ul{text-align:center; border:1px solid #ededed; padding:20px;}
.about_ci .inner ul li{display:inline-block; width:25%; margin:1%;}

/* 찾아오시는 길 */
.about_map{margin-bottom:20px;}
.about_map .inner{border:1px solid #ddd; margin-bottom:20px;}
.about_map ul{background:#f5f5f5; border:1px solid #ededed; padding:20px 15px}
.about_map ul li{font-size:16px; line-height:140%; color:#555; text-align:center;}
.about_map ul li strong{color:#222}

.traffic{margin-bottom:50px;}
.traffic .inner{width:100%; display:table}
.traffic .inner > p,
.traffic .inner > div{display:table-cell; vertical-align:middle;}

.traffic .inner > p{width:25%; text-align:center;}
.traffic .inner > p span{font-size:18px; color:#0d5db5; font-weight:500; letter-spacing:-1px; display:block; margin-bottom:20px;}

.traffic .inner > div{width:75%;}

.traffic .inner > .subway{ border-bottom:1px solid #ededed; border-top:1px solid #333}
.traffic .inner > .subway > ul li{overflow:hidden;}
.traffic .inner > .subway > ul li p{float:left; line-height:40px;}
.traffic .inner > .subway > ul li p:first-child{width:25%; position:relative; text-indent:30px; }
.traffic .inner > .subway > ul li p:first-child:before{position:absolute; content:"3"; border:2px solid #ff6600; color:#ff6600; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50px; font-size:13px; top:8px; left:0; text-indent:0px;}
.traffic .inner > .subway > p:last-child{width:75%; line-height:140%;}

.traffic .inner > .bus{border-top:1px solid #333}
.traffic .inner > .bus > ul li{overflow:hidden; padding:20px 0; border-bottom:1px solid #ededed;}
.traffic .inner > .bus > ul li p{float:left;}
.traffic .inner > .bus > ul li p:first-child{width:25%; position:relative; text-indent:45px;}
.traffic .inner > .bus > ul li p:first-child:before{position:absolute; content:""; width:40px; height:20px; line-height:20px; text-align:center;  font-size:12px; left:0; text-indent:0px; background:red; color:#fff; border-radius:5px;}

.traffic .inner > .bus > ul li p.bus1:before{content:"일반"; background:#00afbd;}
.traffic .inner > .bus > ul li p.bus2:before{content:"지선"; background:#47af1b;}
.traffic .inner > .bus > ul li p.bus3:before{content:"간선"; background:#6175f5;}
.traffic .inner > .bus > ul li p.bus4:before{content:"직행"; background:#ff451e;}

.traffic .inner > .bus > p:last-child{width:75%;}
.traffic:last-child{margin-bottom:0px;}

/******************************************/
/******************************************/


/* 박스 */
.sub_search { position: relative; overflow:hidden; text-align:center; background:#f6f6f6; border:1px #d9d9d9 solid; padding:10px; margin:0 0 30px; }

.search_wrap { overflow:hidden; }
.search_wrap b { display:inline-block; width:60px; margin-right:10px; color:#333 }
.search_wrap b.dot { display:inline-block; vertical-align:middle; width:auto; font-size:24px; margin-right:3px; color:#003499} 

.search_left { float:left; width:45%; margin:0 0 10px 5%; text-align:left; }
.search_left input { height:30px; line-height:30px; margin-top:5px; padding:0 5px; background:#fff; border:1px solid #dadada; }
.search_right { float:left; width:40%; margin:0 0 10px; text-align:left; }
.search_right input { height:30px; line-height:30px; margin-top:5px; padding:0 5px; background:#fff; border:1px solid #dadada; }

.guide_box  { overflow:hidden; background:#f6f6f6; border:1px #d9d9d9 solid; padding:20px; margin:20px 0 30px; }

@media (max-width:767px) {
.guide_box  { padding:15px; font-size:12px; }
}
@media (max-width:580px) {
.search_right { width:50%;  }
}
@media (max-width:480px) {
.search_right { width:40%;  }
}

/* 검색폼 */
.search_select { font-size: 13px; padding: 0; vertical-align:top; background: #FFF; border:1px #aaa solid; width:60px; height:30px; line-height: 30px; }
.search_input { font-size: 13px; padding: 0 10px; vertical-align:top; background: #FFF; border:1px #aaa solid; width:200px; height:30px; line-height: 30px; }
a.search_btn, .search_btn { display:inline-block; vertical-align:top; width:40px; height: 30px; line-height: 30px; background: #464e6b; border:none; color:#fff; cursor:pointer;}

/* 시험의뢰서 */
.test_view { border:3px #e8e8e8 solid; padding:70px 0; text-align:center; }
.test_view label { font-size:18px; color:#475893; font-weight:bold; margin-right:10px }
.test_view input[type=text] { background:#f8f8f8 }
.test_view_wrap a { margin-top:20px; width:100%; font-size:16px; border-radius:5px; }

/* 시험의뢰 기본정보 */
.test_info_box .search_wrap { background:#f6f6f6; padding:10px 10px; }
.test_info_box h3 { margin:30px 0 5px; font-size:20px; line-height:30px; font-family:'Nanum Square-b'; color:#000; }
.test_info_box h3.ntop { margin:0 0 10px; }
.test_info_box h3 i { color:#1a88c3; margin-right:5px; }

@media (max-width:767px) {
.test_info_box h3 { font-size:18px; }
}

/* 시험의뢰서 */
.test_ex { padding:20px; }
.test_ex_frame { border:3px #e8e8e8 solid; padding:15px; }
.test_ex_tit { border:1px solid #dcdcdc; border-bottom:2px solid #000; height:100px; line-height:100px; 
text-align:center; font-size:30px; font-weight:600; font-family:'Nanum Square-b'; color:#000; }
.test_ex_frame .table_type01 { margin-top:0; }
.test_ex_frame .table_type01 table { border-top:none; border:1px solid #dcdcdc }
.test_ex_frame .table_type01 table th, .test_ex_frame .table_type01 table td { padding:7px; }

.test_ex_frame .table_type01 .in_table { padding:0; border-bottom:none }
.test_ex_frame .table_type01 .in_table table { border:none }
.test_ex_frame .table_type01 .in_table table th, .in_table table td { }

/* 시험의뢰 단계 */
#search_pro { clear:both; margin:0 20px 30px 0; }
#search_pro li { list-style:none; float:left; width:20%; margin-right:1% }
#search_pro li:first-child { width:15% }
#search_pro li:last-child { float:left; margin:0 }

/* 탭 off */
#search_pro li .tab { position:relative; display:block; width:100%; height:60px; line-height:60px; background:#f3f3f3;}
#search_pro li .tab:after { position:absolute; top:7px; left:-22px; width:45px; height:45px; transform:rotate(45deg); border-radius:0 5px 0 0; background:#fff; content: '';}
#search_pro li .tab:before { position:absolute; z-index:10; top:7px; right:-22px; width:45px; height:45px; transform:rotate(45deg); border-radius:5px; background:#f3f3f3;content: '';}
#search_pro li:first-child .tab:after { display:none}

/* 탭 on */
#search_pro li .tab:hover, 
#search_pro li .num1.tab_on,
#search_pro li .num2.tab_on,
#search_pro li .num3.tab_on,
#search_pro li .num4.tab_on,
#search_pro li .num5.tab_on,
#search_pro li .num6.tab_on { 
background:#03b4e8; 
background:-moz-linear-gradient(top,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
background: -webkit-linear-gradient(top,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
background: linear-gradient(to bottom,  #03b4e8 0%, #0098c4 60%, #0098c4 100%);
} 
#search_pro li .tab:hover:before, 
#search_pro li .num1.tab_on:before,
#search_pro li .num2.tab_on:before,
#search_pro li .num3.tab_on:before,
#search_pro li .num4.tab_on:before,
#search_pro li .num5.tab_on:before,
#search_pro li .num6.tab_on:before {
background:#03b4e8;
background:-moz-linear-gradient(135deg,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
background: -webkit-linear-gradient(135deg,  #03b4e8 0%, #0098c4 60%, #0098c4 100%);
background: linear-gradient(135deg,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
}
#search_pro li .num1,
#search_pro li .num1:before { background:#f5f5f5; }
#search_pro li .num2,
#search_pro li .num2:before { background:#f3f3f3; }
#search_pro li .num3,
#search_pro li .num3:before { background:#f1f1f1; }
#search_pro li .num4,
#search_pro li .num4:before { background:#e5e5e5; }
#search_pro li .num5,
#search_pro li .num5:before { background:#e3e3e3; }
#search_pro li .num6,
#search_pro li .num6:before { background:#e0e0e0; }

#search_pro li .tab p.tit { position:absolute; left:0; top:0; width:100%; z-index:10; text-align:center; font-family:'Nanum Square-e'; 
letter-spacing:-1.5px; font-size:12px; line-height:60px; color:#666; }
#search_pro li .tab p.tit br { display:none }
#search_pro li .tab:hover p.tit, #search_pro li .tab_on p.tit,
#search_pro li .tab:hover p.tit i, #search_pro li .tab_on p.tit i { color:#fff; }

@media (max-width:800px) {
#search_pro li .tab p.tit { left:20px; }
#search_pro li .num1 p.tit { left:10px; }
}
@media (max-width:480px) {
#search_pro li .tab p.tit { left:15px; line-height:16px; padding-top:15px; }
#search_pro li .num1 p.tit { left:10px; }
#search_pro li .tab p.tit br { display:block;}
}
@media (max-width:380px) {
#search_pro li .tab p.tit { left:20px; }
#search_pro li .num1 p.tit { left:5px; }
#search_pro li .num5 p.tit { left:23px; }
}

.text_frame_wrap { overflow:hidden; padding:21px 41px 41px; border:2px solid #e8e8e8; background:#e8f1f6;  }
.text_frame_box { float:left; position:relative; width:280px; height:200px; margin-top:20px; margin-right:20px; }
.text_frame_box:nth-child(4n) { margin-right:0; }
.text_frame_tit { position:absolute; top:0; background:#707580; color:#fff; width:100%; height:35px; line-height:35px; font-weight:bold; text-align:center; }
.text_frame { width:280px; height:200px; background:#f5f5f5; border:1px solid #ccc; overflow-y:scroll; padding-top:35px;  }

.text_frame a { overflow:hidden; width:100%; height:35px; line-height:35px; }
.text_frame a.on span { background:#02addf; color:#fff }
.text_frame a .l { float:left; width:15%; height:35px; text-align:center; background:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc }
.text_frame a .r { float:left; width:85%; height:35px; text-align:left; padding:0 10px; background:#fff; border-bottom:1px solid #ccc }
.text_frame .no_cont { height:163px; line-height:163px; padding:0; background:#fff; text-align:center;  }

.text_add_frame_wrap { overflow:hidden; margin-top:30px; border:2px solid #007abc }
.text_add_tit { background:#007abc url('../images/common/dot_bg.png') repeat; font-size:20px; color:#fff; font-weight:bold; width:100%; height:50px; line-height:50px; padding-left:30px; }
.text_add_con { padding:21px 41px 41px; }

/* 로그인 -------------------------------------------------------- */
.login_box { overflow:hidden; margin:20px 0;padding:60px 0; border:2px solid #a4a4a4; }
.login_box dt { float:left; text-align:left; width:400px; padding:0 0 20px 80px; }
.login_box dt span.stit { display:block; }
.login_box dt span.tit { display:block; padding:15px 0; font-family:'Nanum Square-b'; font-weight:bold; font-size:30px; color:#475893; }

.login_box dd { float:left; padding:5px 0 5px 30px; border-left:1px solid #e8e8e8; }
.login_box .idpw { width:418px; margin:0 auto; }
.login_box .idpw ul { float:left; }
.login_box .idpw ul li { padding-bottom:11px; }
.login_box .idpw ul li input[type=text] { width:316px; height:40px; padding:10px; background:#fff; border:1px solid #dadada; }
.login_box .idpw ul li input[type=password] { width:316px; height:40px; padding:10px; background:#fff; border:1px solid #dadada; }

.login_btn_area { float:left; padding:0 0 15px 10px; }
.login_btn { display:block; width:90px; height:90px; line-height:90px; border:none; background:#44c3ec; 
text-align:center; color:#fff; font-size:16px; font-family:"Arial", sans-serif; font-weight:bold; }

/* 로그인 아이디비번찾기, 회원가입 버튼 */
.idpass_btn_area { padding-top:30px; }
.join_btn_area { padding-top:10px; }
.idpass_btn_area .tit, .join_btn_area .tit { display:inline-block; width:230px; font-weight:bold; font-size:13px; }
.idpass_btn_area a, .join_btn_area a { display:inline-block; background:#999; color:#fff; font-weight:bold; text-align:left; box-shadow:0 1px 1px 0 #f2f2f2;
width:180px; height:30px; line-height:30px; text-align:center; }

@media (max-width:1000px) {

.login_box dt { width:320px; padding:0 0 20px 70px; }

}

@media (max-width:840px) {

.login_box dt span.stit br { display:none; }
.login_box dt { float:none; text-align:center; width:auto; padding:0 0 20px 0; }
.login_box dd { float:none; padding:5px 0 5px 0; border-left:none; }
.idpass_btn_area, .join_btn_area { width:418px; margin:0 auto; }

}

@media (max-width:480px) {

.login_box { padding:30px 0; }
.login_box dt span.tit { font-size:24px; }
.login_box dt span.stit br { display:block; }
.login_box .idpw { width:280px; margin:0 auto; }
.login_box .idpw ul li input[type=text],
.login_box .idpw ul li input[type=password] { width:280px; }

.login_btn_area { float:none; padding:0 0 15px 0; }
.login_btn { width:280px; height:40px; line-height:40px; margin:0 auto; }

.idpass_btn_area, .join_btn_area { width:280px; margin:0 auto; }
.idpass_btn_area .tit, .join_btn_area .tit { display:block; width:280px; text-align:center}
.join_btn_area .tit { margin-top:10px; }
.idpass_btn_area a, .join_btn_area a { display:block; width:280px; margin:5px auto 0; }

}

/* 회원가입 -------------------------------------------------------- */
/* 약관동의 */
.agree_check_tit { padding:20px 0 10px; font-size:15px; color:#414141; font-weight:bold }
.agree_check { text-align:center; padding:30px 0; }
.agree_check_stit { display:inline-block; padding-right:35px; font-size:15px; color:#414141; font-weight:bold }

.tab_content { overflow-x:auto; overflow-y:scroll; height:200px; border:1px solid #777; padding:20px; }
.agree p { margin:10px 0; font-size:13px; }
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:bold; font-size:15px;padding-bottom:10px; color:#000}
.agree dd { font-size:13px; }
.agree ul { margin-top:20px; }
.agree li {padding: 0 0 0 6px; font-size:13px;}
.agree .subLaw dt {font-weight:bold; font-size:15px;padding-bottom:10px; color:#000}
.agree .policyList {*zoom:1;}
.agree .policyList:after {content:" "; display:block; clear:both;}
.agree .policyList {padding:10px; background:#f9f9f9; border-top:1px solid #f8aeae; margin: 0 0 20px 0;}
.agree .policyList li {float:left; width:400px; padding: 5px 15px 5px 15px; line-height:16px;}
.agree .policyList span {color:#999999; font-size:13px;}
.agree .policyList a {font-weight:bold; color:#e16060; font-size:14px;}

@media (max-width:480px) {

.agree .policyList li {width:auto; padding: 5px 10px; line-height:16px;}
.agree .policyList a { font-size:13px;}

}


/* 이메일 수집거부 */
.emailrefuse_box { height:195px; padding:0 20px; border:2px solid #a4a4a4; text-align:center; }
.emailrefuse_tit { padding:35px 0 10px; color:#272727; font-size:20px; font-weight:bold; }
.emailrefuse_info{ padding:10px 0 10px; color:#666; font-size:14px; line-height:21px; }
.emailrefuse_close { padding:10px 0; text-align:center }
.emailrefuse_close a { color:#00A651; font-size:15px; font-weight:bold; }

/* 게시판 버튼영역  -------------------------------------------------------- */
.bbs_btn_box { margin:20px 0; text-align:center; line-height:40px; }
.bbs_btn_box.mtop30 { margin-top:30px }
.bbs_btn_box2 { margin:20px 0; line-height:40px; }
.bbs_btn_box .guide { font-size:12px; }

@media (max-width:480px) {

.bbs_btn_box { margin:10px 0; }
.bbs_btn_box.mtop30 { margin-top:30px }
.bbs_btn_box2 { margin:10px 0; }

}

/* 버튼 */
a.btn01, .btn01 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #475893; background:#475893; text-align:center; font-weight:bold; color:#fff; }
a.btn02, .btn02 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #237cc1; background:#237cc1; text-align:center; font-weight:bold; color:#fff; }
a.btn03, .btn03 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold; color:#464646; }
a.btn_gr { text-decoration:none !important; display:inline-block; vertical-align:middle; height:30px; line-height:30px !important; padding:0 10px; background:#707580; color:#fff; font-weight:bold; text-align:center; }
a.btn_b { text-decoration:none !important; vertical-align:top; display:inline-block; height:26px;
border-radius:5px; margin-top:5px; padding:3px 10px 0; color:#fff; font-weight:bold; text-align:center; font-size:13px;
background: #409DE5; 
background: -moz-linear-gradient(top,  #409DE5 14%, #1e5799 99%); 
background: -webkit-linear-gradient(top,  #409DE5 14%,#1e5799 99%); 
background: linear-gradient(to bottom,  #409DE5 14%,#1e5799 99%);
}

a.btn011, .btn011 { vertical-align:top; display:inline-block; padding:0 10px; height:40px; line-height:40px; border:1px solid #475893; background:#475893; text-align:center; font-weight:bold; color:#fff; }
a.btn021, .btn021 { vertical-align:top; display:inline-block; padding:0 10px; height:40px; line-height:40px; border:1px solid #237cc1; background:#237cc1; text-align:center; font-weight:bold; color:#fff; }
a.btn031, .btn031 { vertical-align:top; display:inline-block; padding:0 10px; height:40px; line-height:40px; border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold; color:#464646; }
a.btn041, .btn041 { vertical-align:top; display:inline-block; padding:0 10px; height:40px; line-height:40px; border:1px solid #707580; background:#707580; text-align:center; font-weight:bold; color:#fff; }

a.btn011.he, .btn011.he { height:30px; line-height:30px; text-decoration:none }

/* 회원가입 완료 */
.join_end_box { overflow:hidden; margin:0 0 20px;padding:100px 0; border:2px solid #a4a4a4; text-align:center; }
.join_end_box dt { padding-bottom:20px; font-weight:bold; font-size:20px; color:#000; }
.join_end_box dd { line-height:24px; }

/* 아이디비번찾기 */
.find_idpass_check { padding:20px 0; background:#f8f8f8; margin-bottom:20px; border:1px solid #e4e4e4; color:#333; text-align:center; }
.find_idpass { overflow:hidden; margin:0 0 20px;padding:60px 0; border:2px solid #a4a4a4; text-align:center; }
.find_idpass dt { float:left; text-align:left; width:460px; padding:10px 0 0 80px; }
.find_idpass dt span.tit { display:block; padding-bottom:15px; font-weight:bold; font-size:18px; color:#000; }
.find_idpass dt span.guide { display:block; line-height:21px;}
.find_idpass dd { float:left; padding:5px 0 5px 30px; border-left:1px solid #e8e8e8; }
.find_idpass dl ul li { list-style:none; padding-bottom:7px; }
.find_idpass .sel { margin:0; width:460px; text-align:left; }
.find_idpass .sel label { display:inline-block; width:100px; font-size:14px; font-weight:bold; color:#333;}
.find_input1 {width:254px;}
.find_input2 {width:121px;}
.find_input3 {width:76px;}

/* 아이디비번찾기 확인 버튼 */
.find_idpass_btn_area { display:block; padding:5px 0 0 104px;}
a.idpass_btn, .idpass_btn { display:block; width:252px; height:40px; line-height:40px; border:1px solid #44c3ec; background:#44c3ec;color:#fff;text-align:center; font-size:16px; font-weight:bold; }
a.idpass_btn:hover, .idpass_btn:hover,
a.idpass_btn:focus, .idpass_btn:focus {border:1px solid #44c3ec; background:#44c3ec;color:#fff;text-decoration:none;}

@media (max-width:1000px) {

.find_idpass dt { width:320px; padding:0 0 0 60px; }

}

@media (max-width:865px) {

.find_idpass dt br { display:none; }
.find_idpass dt { float:none; text-align:center; width:auto; padding:0 0 20px 0; }
.find_idpass dd { float:none; padding:5px 0 5px 0; border-left:none; }
.find_idpass .sel { width:365px; margin:0 auto;}

}

@media (max-width:560px) {

.find_idpass { padding:35px 0 30px; }
.find_idpass dt br { display:block; }
.find_idpass .sel { width:260px; }
.find_idpass .sel label { width:80px; }
.find_input1 {width:170px;}
.find_input2 {width:79px;}
.find_input3 {width:49px;}
.find_idpass_btn_area { padding:5px 0 0 84px;}
a.idpass_btn, .idpass_btn { width:170px; }

}

/* 라디오버튼 */
input[type="radio"] { width:20px; height:20px; }
input[type="radio"] + label { position:relative; display:inline-block; padding:6px 30px 0 27px; height:27px; 
background:url('../images/common/radio_no.png') no-repeat 0 7px; background-size:20px 20px; vertical-align:top; cursor:pointer; }
input[type="radio"]:checked + label:after { position:absolute; left:0; top:7px; width:20px; height:20px; content:"";
background:url('../images/common/radio_ch.png') no-repeat; background-size:20px 20px; }
input[type="radio"] { display: none; }

.join_input1 {width:200px;}
.join_input2 {width:150px;}
.join_input3 {width:120px;}
.join_input4 {width:100px;}
.join_input5 {width:73px;}
.join_input6 {width:60px;}
.join_input7 {width:50px;}
.join_input8 {width:98%;}

@media (max-width:560px) {

.join_comment { display:block}
.join_input1 {width:100px;}
.join_input2 {width:75px;}
.join_input3 {width:100px;}
.join_input4 {width:50px;}
.join_input5 {width:36px;}
.join_input6 {width:60px;}
.join_input7 {width:50px;}
.join_input8 {width:80%;}
.j_email select {margin-top:3px;width:100px}

}


/* 인정서현황 */
.cer_down_list { width:300px; margin:0 auto }
.cer_down_list li { margin-bottom:30px }
.cer_down_list li .tit { font-size:16px; color:#000; font-weight:bold; background: url('/images/common/bullet_002.gif') left 50% no-repeat; padding:0 0 0 15px }
.cer_down_list li img { margin-top:10px; max-width:300px; border:1px solid #e8e8e8}
.cer_down_list li .info { text-align:center; margin-top:10px; }

/* 협회일정 */
.cal_sch { border:2px solid #c1def2; padding:30px; }
.cal_sch li { line-height:18px; border-bottom:1px dotted #666; padding-bottom:10px; margin-bottom:10px;}
.cal_sch .date { display:inline-block; background:#0075c2; width:60px; height:30px; line-height:30px; border-radius:30px; font-weight:bold; text-align:center; color:#fff; margin-right:15px; }
.cal_sch .con { background:url('../images/common/bullet_02.gif') no-repeat 0 7px; padding-left:10px; line-height:21px; }