@charset "utf-8";

.sel {text-align:left;}
.sel select{ color:#333; padding:5px 10px;}

.s_title {padding:0 0 50px 0;text-align:center;}
.s_title h2 {font-size:40px; color:#000;font-weight:500; padding:40px 0 0 0;}

.s_title div.page_root {padding:15px 0 0 0;color:#818285;font-size:14px;}
.s_title div.page_root span.bl {background:url("/img/sub/root_bl.png") no-repeat 0 8px; padding:0 0 0 12px; margin-right:10px;}
.s_title div.page_root span.home {background:url("/img/sub/root_home.png") no-repeat 0 0; padding:0 12px 0 27px; margin-left:0px;}
.s_title div.page_root span.on {background:url("/img/sub/root_bl.png") no-repeat 0 8px;  padding:0 0 0 12px; margin-right:10px; color:#000;font-weight:500;}

.one{
  background: url("img/sub/꿈청진기_one_bg.png");
}


.s_tab {width:1050px; margin:0 auto;text-align:center; letter-spacing:-0.1em; line-height:0;}
.s_tab ul li {display:inline-block; background:url("/img/sub/s_tab_bl.png") no-repeat right 15px;}
.s_tab ul li a {display:block;font-size:20px; color:#aeaeae; overflow:hidden;padding:15px 25px 45px 25px;}
.s_tab ul li a:hover {color:#0047ff;}
.s_tab ul li.on {color:#0047ff; }
.s_tab ul li.on a {color:#0047ff;}
.s_tab ul li a.on, .s_tab ul li a:hover, .s_tab ul li a:active, .s_tab ul li a:focus {color:#000;}

.s_tab02 {width:100%; text-align:left; letter-spacing:-0.1em;}
.s_tab02 ul li {display:block;}
.s_tab02 ul li a {display:block;font-size:17px; color:#aeaeae; overflow:hidden;padding:0px 0 5px 0;}
.s_tab02 ul li a:hover {color:#0047ff;}
.s_tab02 ul li.on {color:#0047ff; }
.s_tab02 ul li.on a {color:#0047ff;}
.s_tab02 ul li a.on, .s_tab ul li a:hover, .s_tab ul li a:active, .s_tab ul li a:focus {color:#000;}


/*��û�����*/
/*.bg_about01{ background:url(" /img/sub/bg_about01.png") no-repeat top center;}*/
.about01_cont01{width:1000px; height:500px; margin:0 auto; position:relative;}
.about01_cont_le{float:left; width:40%; background:url(" /img/sub/bg_ab01.png") no-repeat  43% top;}
.about01_cont_ri{float:right;width:50%; text-align:left; }

.about01_cont_le p{text-align:left; float:right; font-size:80px; line-height:90px; padding-right:40px; font-weight:300; color:#414141;}
.about01_cont_le p span{color:#2ca3f2; font-weight:400;}

.about01_cont_ri .ab01_ri_t{ width:100%; font-size:22px; color:#393939; letter-spacing:-0.08em; line-height:42px; font-weight:300; }
.about01_cont_ri .ab01_ri_b{ padding-top:40px;}
.ab01_ri_b h3{font-size:25px; font-weight:400;}
.ab01_ri_b {font-size:18px; font-weight:300; letter-spacing:-0.08em;}

.about02_cont01{width:100%; margin:0 auto; background:url(" /img/sub/bg_ab02.png") no-repeat top center;}
.ab02_cont{width:1300px; margin:0 auto; padding:90px 0 0 0; }
.ab02_cont h3{font-size:25px; margin-bottom:30px; font-weight:400; color:#fff;}
.about02_01{  height:450px; color:#fff; font-size:22px; font-weight:300;  background:url(" /img/sub/about01_img_02.png") no-repeat bottom center; letter-spacing:-0.05em; }
.about02_02{margin:100px 0 150px 0; font-size:32px; color:#686868; line-height:32px; letter-spacing:-0.08em;}
.about02_02 img:first-child{margin-right:20px;}
.v_pc{display:block;}
.v_mo{display:none;}

/*������ ȿ��*/
/*������ ���� �ö���� ���ϸ޾ּ�*/
.highlight {
  background-image: linear-gradient(120deg, #84fab0 0%, #afff87 100%);
  background-repeat: no-repeat;
  background-size: 100% 40%;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
}
.highlight:hover{
  background-size: 100% 100%;
}


.highlight02 {
  background-image: linear-gradient(120deg, #2ca3f2 0%, #2ca3f2 100%);
  background-repeat: no-repeat;
  background-size: 100% 40%;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
}
.highlight02:hover{
  background-size: 100% 100%;
}

/*������ ���� �ö���� ���ϸ޾ּ�:��*/



/*����Ұ�*/
.about0101 { width:100%;position:relative; padding-top:50px;}
h3.about0101_tit {background:url("/img/sub/about01_bg02.png") repeat-x 0 13px;text-align:center; height:20px;}
h3.about0101_tit span {background:url("/img/sub/about01_bg01.png") no-repeat 50% 8px; width:185px;  height:20px; display:inline-block; color:#b7b7b7; font-size:12px; letter-spacing:10px;font-weight:500;}
.about0101_info {background:url("/img/sub/about01_bg05.png") no-repeat center bottom; height:370px;}
.about0101_info {padding-top:70px; font-size:35px; font-weight:300;}
.about0101_info span {font-weight:500;}
.about0102 {background:#eff1f6 url("/img/sub/about01_bg03.png") no-repeat center -15px; height:700px;}
h3.about0102_tit { padding:80px 0 40px 0;}
h3.about0102_tit span {background:url("/img/sub/about01_bg04.png") no-repeat 50% 8px; width:185px;  display:inline-block; color:#fff; font-size:12px; letter-spacing:10px;font-weight:500;}
.about0102_info {padding-bottom:70px; font-size:35px; font-weight:300; color:#fff; letter-spacing:-0.08em;}
.about0102_info span {font-weight:500;}
.about0102_info02 {width:1050px; margin:0 auto;}
.about0102_info02 ul {display:table;}
.about0102_info02 ul li {width:25%; display:table-cell;}
.about0102_info02 ul li div.about0102_con {background:#fff; width:90%; color:#333;box-shadow:10px 10px 15px rgba(0,0,0,.2);}
.about0102_info02 ul li div.about0102_con div.about0102_img img{width:auto; min-height:178px;}
.about0102_info02 ul li div.about0102_con div.about0102_img{width:100%; height:178px; overflow:hidden;}
.about0102_info02 ul li div.about0102_con div.about0102_txt {padding:0 20px 0 20px; height:150px;text-align:left;}
.about0102_info02 ul li div.about0102_con div.about0102_txt p.st01 {padding:30px 0 15px 0; font-size:22px;font-weight:300;}
.about0102_info02 ul li div.about0102_con div.about0102_txt p.st01 span {font-weight:500;}
.about0102_info02 ul li div.about0102_con div.about0102_txt p.st02 {font-size:15px;}
.about0102_info02 ul li div.about0102_con:hover {background:#a8987f; color:#fff;}
.about0103 {padding:100px 0;}
h3.about0103_tit {font-size:35px;color:#000; display:block;font-weight:700; padding-bottom:50px;}
h3.about0103_tit span {height:20px; display:block; color:#b7b7b7; font-size:12px; letter-spacing:10px;font-weight:500; padding-top:10px;}
.about0103_info {width:1050px; margin:0 auto;}
.about0103_info ul {display:table;}
.about0103_info ul li {width:33.33333333%; display:table-cell; border-right:1px solid #d7d7d7; color:#757575; font-size:15px; padding:165px 60px 0 60px;}
.about0103_info ul li.lt01 {background:url("/img/sub/about01_bg06.png") no-repeat 50% 20px;}
.about0103_info ul li.lt02 {background:url("/img/sub/about01_bg07.png") no-repeat 50% 20px;}
.about0103_info ul li.lt03 {background:url("/img/sub/about01_bg08.png") no-repeat 50% 20px;}
.about0103_info ul li:last-child {border:none;}
.about0103_info ul li span {font-size:24px; color:#000; padding-bottom:10px;display:block;}

.about0104 {background:#eff1f6; padding:80px 0;float:left;width:100%;}
.about0104_info {background:url("/img/sub/about01_bg09.png") repeat-y 50% 0;width:100%;float:left;margin-top:30px;}
.about0104_info01 {width:1100px; margin:0 auto;}
.about0104_info01_le {width:520px; float:left; padding-top:120px;}
.about0104_info01_ri {width:557px; float:right;}
.his_con {width:480px; text-align:left;}
.his_con ul li {background:url("/img/sub/about01_bg10.png") no-repeat 0 20px; padding:0 0 50px 50px;}
.his_con ul li p.year {font-family: 'Ultra', serif; font-size:30px; color:#000; padding-bottom:10px; display:block;}
.his_con ul li ul li {padding:0 0 13px 0; background:none; color:#616161; font-size:15px; letter-spacing:-0.06em;}
.his_con ul li ul li span {color:#000; display:block; padding-bottom:5px;font-weight:500;}
.about0104_info02 {width:1100px; margin:0 auto;}
.about0104_info02_le {width:520px;float:right; padding-top:120px;}
.about0104_info02_ri {width:557px; float:left;}
.his_con02 {width:480px; text-align:right;float:right;}
.his_con02 ul li {background:url("/img/sub/about01_bg10.png") no-repeat right 20px; padding:0 50px 50px 0;}
.his_con02 ul li p.year {font-family: 'Ultra', serif; font-size:30px; color:#000; padding-bottom:10px; display:block;}
.his_con02 ul li ul li {padding:0 0 13px 0; background:none; color:#616161; font-size:15px; letter-spacing:-0.06em;}
.his_con02 ul li ul li span {color:#000; display:block; padding-bottom:5px;font-weight:500;}

.about0105 {padding:80px 0;width:100%; clear:both;}
.about0105_info {width:1050px; margin:0 auto;}
.about0105_info p.txt {font-size:15px; color:#666; border-bottom:1px solid #ddd; padding-bottom:40px;}
.about0105_info p.img {padding:70px 0;}
.about0105_info p.btn {}
.btn_down {display:inline-block;text-align:left; font-size:14px; border:1px solid #000; background:url("/img/sub/btn_down.png") no-repeat right 20px; padding: 15px 65px 15px 35px;}
.btn_down:hover {background:#000 url("/img/sub/btn_down_on.png") no-repeat right 20px; color:#fff; }

.about0106 {background:#eff1f6; padding:80px 0;float:left;width:100%;}
.about0106_info01 {padding:30px 0 70px 0;}
.about0106_info02 {width:1050px; margin:0 auto;}
.about0106_info02 ul {}
.about0106_info02 ul li {width:25%; margin-bottom:25px;float:left;}
.profile {width:90%;background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,.2); padding:35px 0;}
.profile p {padding:0 30px; font-size:13px;}
.profile p.pic {padding-bottom:10px;}
.profile p.name {font-size:14px; color:#000;padding-bottom:10px;}
.profile p.txt {padding-bottom:10px; height:70px;}
.profile p.phone {border-top:1px dashed #ddd;padding-top:10px;}

.n_about0106_info02 {width:1000px; margin:0 auto; padding-top:70px;}
.n_about0106_info02_l {width:300px; float:left; padding-top:100px;}
.n_about0106_info02_r {width:650px; float:left;}
.n_about0106_info02_r ul {width:100%;float:left;}
.n_about0106_info02_r ul li {width:33.333333333333333%; margin-bottom:25px;float:left;}
.n_profile {width:200px;background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,.2); padding:35px 0;}
.n_profile p {padding:0 30px; font-size:13px;}
.n_profile p.pic {padding-bottom:10px;}
.n_profile p.name01 {font-size:14px; color:#009623;padding-bottom:10px;}
.n_profile p.name02 {font-size:14px; color:#ff5900;padding-bottom:10px;}
.n_profile p.txt {padding-bottom:10px; height:70px;}
.n_profile p.phone {border-top:1px dashed #ddd;padding-top:10px;}
.n_pfb01 {border:1px solid #009623;}
.n_pfb02 {border:1px solid #ff5900;}

.n_profile02 {width:200px;background:#1a76f2;box-shadow:10px 10px 15px rgba(0,0,0,.2); padding:35px 0; color:#fff;}
.n_profile02 p {padding:0 30px; font-size:13px;}
.n_profile02 p.pic {padding-bottom:10px;}
.n_profile02 p.name {font-size:14px;padding-bottom:10px;}
.n_profile02 p.txt {padding-bottom:10px; height:70px;}
.n_profile02 p.phone {border-top:1px dashed #ddd;padding-top:10px;}

.about_info {text-align:center;  padding-bottom:100px;}
.ab_info01 {background:url("/img/sub/black_line.png") no-repeat center 0; padding-top:120px; margin-top:100px;}
.ab_info01 p.st01 {font-size:24px;color:#000; padding-bottom:20px;font-weight:600;font-family: 'Fira Sans Condensed', sans-serif;letter-spacing:0em;}
.ab_info01 p.st02 {font-size:25px;color:#000;font-weight:200;letter-spacing:-0.04em;}
.ab_info02 {padding:0 30px;}
.ab_info02 p.st01 {padding:0 0 50px 0;font-weight:600;font-size:14px;}
.ab_info02 p.st02 {font-size:14px;color:#333; line-height:30px;}
.ab_info02 p.st02 span.img {vertical-align:top; margin-top:10px;}
.ab_info02 p.st02 span.txt {vertical-align:top; margin-top:10px;}
.ab_info02 p.st03 {font-size:20px;color:#333; line-height:30px;padding:0 0 50px 0;font-weight:600;}


/*����Ұ�*/
.work_t_bg01 { width:100%;position:relative; background:url("/img/sub/work_topbg01.png") no-repeat center 0;}
.work_t_bg02 { width:100%;position:relative; background:url("/img/sub/work_topbg02.png") no-repeat center 0;}
.work_t_bg03 { width:100%;position:relative; background:url("/img/sub/work_topbg03.png") no-repeat center 0;}
.work_t_bg04 { width:100%;position:relative; background:url("/img/sub/work_topbg04.png") no-repeat center 0;}
.work_t_con {color:#fff; text-shadow:10px 10px 15px rgba(0,0,0,.5);width:1050px; margin:0 auto; text-align:center; padding:150px 0 0 0; height:350px;}
.work_t_con h2 {font-size:20px;background:url("/img/sub/work_top_line.png") no-repeat center 38px; padding-bottom:18px;font-weight:500;}
.work_t_con p.tit {padding:20px 0; font-size:40px;font-weight:300;}
.work_t_con p.txt {font-size:16px;font-weight:400;}

h3.work_tit {padding:50px 0; color:#000; font-size:35px;font-weight:300; display:block;clear:both; position:relative;}
h3.work_tit span {font-weight:700;}

.work_con02 {width:100%;position:relative;border-bottom:1px solid #e0e1eb;float:left; padding-bottom:30px;}
.work_con02 ul li {width:100%;position:relative;}
.w_con02 {width:100%;float:left; margin-bottom:70px;}
.w_con02 h4 {padding:0 0 15px 0; color:#000; font-size:25px;font-weight:500;}
.w_con02 ul li {background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555; font-size:15px;font-weight:300;padding:0 0 15px 15px;}
.w_con0201_le {width:50%;float:left; padding-top:100px;}
.w_con0201_ri {width:50%;float:right; background:url("/img/sub/work_img0201.png") no-repeat 0 0; height:500px;}
.w_con0202_le {width:50%;float:left; background:url("/img/sub/work_img0202.png") no-repeat right 0; height:500px;}
.w_con0202_ri {width:50%;float:right; padding-top:150px;}
.w_con0203_le {width:50%;float:left; padding-top:150px;}
.w_con0203_ri {width:50%;float:right; background:url("/img/sub/work_img0203.png") no-repeat 0 0; height:500px;}
.w_con02_info01 {width:400px; float:right; margin-right:75px;text-align:left;}
.w_con02_info02 {width:400px; float:left; margin-right:75px;text-align:left;}

.work_con03 {width:100%;position:relative; padding-top:30px; clear:both; background:#fff;}
.work_con03 ul  {width:1150px; margin:0 auto; height:600px;}
.work_con03 ul li {width:33.3%; float:left;}
.w_con03 {background:#fff; width:90%; margin:0 auto; overflow:hidden;box-shadow:10px 10px 15px rgba(0,0,0,.2); border-radius:10px; border:1px solid #ececec;text-align:left; height:500px;}
.w_con03_img {overflow:hidden; height:215px;}
.w_con03_img img {width:100%;}
.w_con03_txt {padding:0 25px;}
.w_con03_txt h4 {padding:25px 0 15px 0; color:#000; font-size:17px;font-weight:500;}
.w_con03_txt p {padding:0 0 15px 0; color:#666; font-size:15px;font-weight:400;}
.w_con03_txt ul li {width:25%;position:relative;clear:both;color:#666; font-size:14px;font-weight:300;padding:0 0 5px 15px;margin-bottom:0px; letter-spacing:-0.05em;background:url("/img/sub/bl02.png") no-repeat 0 7px;}

.work_con01 {width:100%;position:relative;}
.work_con01 ul {width:900px; margin:0 auto;}
.work_con01 ul li {width:25%; float:left; color:#666; font-size:14px;font-weight:400; padding-top:100px; height:150px;}
.work_con01 ul li p {padding:0 20px;}
.work_con01 ul li span {color:#000; font-size:17px;font-weight:500;display:block; padding:0 0 5px 0;}
.work_con01 ul li.w_con01_bg01 {background:url("/img/sub/work_img0101.png") no-repeat center 0;}
.work_con01 ul li.w_con01_bg02 {background:url("/img/sub/work_img0102.png") no-repeat center 0;}
.work_con01 ul li.w_con01_bg03 {background:url("/img/sub/work_img0103.png") no-repeat center 0;}
.work_con01 ul li.w_con01_bg04 {background:url("/img/sub/work_img0104.png") no-repeat center 0;}

.work_con04 {width:100%;position:relative; clear:both; background:#eff5f9 url("/img/sub/work_img0105_.png") no-repeat center bottom; margin-top:100px; margin-bottom:50px; padding-bottom:70px;}
.w_con04 {width:1100px; margin:0 auto;}
.w_con0401 {width:900px;}
.w_con0401 dl {width:900px; float:left;text-align:left;}
.w_con0401 dl dt {width:120px; float:left;color:#000; font-size:17px;font-weight:500;display:block;}
.w_con0401 dl dd {width:750px; float:right;color:#666; font-size:15px;font-weight:400;margin-bottom:30px;}
.w_con0401 dl dd ul li {margin-bottom:10px;}
.w_con0401 dl dd ul li span {color:#000; font-weight:500;display:block;}
.w_con0402 {width:1150px;}


.work_con05 {width:1100px; margin:0 auto; clear:both;padding-bottom:70px;}
.work_con0501 ul li {background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555; font-size:15px;font-weight:300;padding:0 0 15px 15px;text-align:left;}
.work_con0502 {padding-top:50px;}
.work_con0502 p {padding:20px 0 0 0;color:#555; font-size:14px; border-top:1px solid #e0e1eb; margin-top:50px;}

.work_con06 {width:100%;position:relative; clear:both;}
.work_con06 p {padding:0 0 25px 0; color:#666; font-size:15px;font-weight:400;}
.work_con06 ul  {width:1150px; margin:0 auto; height:500px;}
.work_con06 ul li {width:25%; float:left;}
.w_con06 {background:#fff; width:90%; margin:0 auto; overflow:hidden;box-shadow:10px 10px 15px rgba(0,0,0,.2); border-radius:10px; border:1px solid #ececec;text-align:left; height:370px;}
.w_con06_img {overflow:hidden; height:170px;}
.w_con06_img img {width:100%;}
.w_con06_txt {padding:0 25px;}
.w_con06_txt h4 {padding:25px 0 10px 0; color:#000; font-size:17px;font-weight:500;}
.w_con06_txt p {padding:0 0 15px 0; color:#666; font-size:14px;font-weight:400;}

.work_con07 {width:100%;position:relative; clear:both;}
.work_con07 p {padding:0 0 100px 0; color:#666; font-size:15px;font-weight:400;}

.work_con08 {width:1100px; margin:0 auto; clear:both;padding-bottom:70px;}
.work_con08 ul li {background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555; font-size:15px;font-weight:300;padding:0 0 15px 15px;text-align:left;}
.work_con08 ul li span {padding:0px 0 10px 0; color:#000; font-size:17px;font-weight:500; display:block;}
/*��������Ұ�*/
.work_con09 {width:1200px; margin:0 auto; clear:both;padding-bottom:70px;}
.work_con09 ul{display:flow-root; }
.work_con09 ul li { color:#555; font-size:14px;font-weight:300;padding:35px;text-align:left; float:left; width:25%; height:410px; margin:15px;border-radius:10px; border:1px solid #eee; box-shadow:8px 8px 10px rgba(0,0,0,.1);}
.work_con09 ul li div {width:100%; margin:0 auto;}
.work_con09 ul li div p.img {text-align:center;}
.work_con09 ul li div p.tit {color:#000; font-size:17px;font-weight:500; padding:25px 0 20px 0;}
.work_con09 ul li div p.tit span {background:url("/img/sub/work_bg0301.png") no-repeat 20px top; padding:10px 15px 10px 0; font-size:13px;font-weight:400; display:block; line-height:35px;}
.work_con09 ul li div p.txt { border-bottom:1px dashed #ddd; padding:0 0 20px 0; height:110px;}
.work_con09 ul li div p.ad {background:url("/img/sub/work_bg0302.png") no-repeat 0 3px; padding:0 0 0 30px; margin:15px 0 0 0; font-size:14px;}
.work_con09 ul li div p.site {background:url("/img/sub/work_bg0303.png") no-repeat 0 3px; padding:0 0 0 30px; margin:15px 0 0 0; font-size:14px;}


.work_con09 ul li:nth-child(1){margin-left:0;}
.work_con09 ul li:nth-child(4){margin-left:0;}
.work_con09 ul li:nth-child(7){margin-left:0;}
.work_con09 ul li:nth-child(10){margin-left:0;}
.work_con09 ul li:nth-child(3){margin-right:0;}
.work_con09 ul li:nth-child(6){margin-right:0;}
.work_con09 ul li:nth-child(13){margin-left:0;}

/*�Ź�*/
.work_con09_01.tt_img{min-height:500px;}
.work_con09_01.tt_img ul li{height: 300px;}
.work_con09_01.tt_img ul li img{border-radius:50%;}

/*������� ����Ʈ*/
.work_con09_01 {width:1300px; margin:0 auto; clear:both;padding-bottom:70px;}
.work_con09_01 ul{display:flow-root; }
.work_con09_01 ul li { color:#555; font-size:14px; font-weight:300;padding:30px;text-align:left; float:left; width:26.1%; height:140px; margin:0 30px 30px 0;border-radius:10px; border:1px solid #eee; box-shadow:8px 8px 10px rgba(0,0,0,.1);}
.work_con09_01 ul li img{opacity:30%;  transition: 0.5s; }
.work_con09_01 ul li:hover {border:1px solid #319fd4;  transition: 0.5s;}
.work_con09_01 ul li:hover img{opacity:100%; transition: 0.5s;}
.work_con09_01 ul li div {width:100%; margin:0 auto;}
.work_con09_01 ul li div p.img {text-align:center;}
.work_con09_01 ul li div p.tit {text-align:center;padding:15px 0 20px 5px; color:#000; font-size:16px;font-weight:500;}
.work_con09_01 ul li div p.txt { border-bottom:1px dashed #ddd; padding:0 0 20px 0; height:110px;}
.work_con09_01 ul li div p a { border: 1px solid #efefef; padding:5px 15px; text-align:center; color:#000; border-radius:40px;}
.work_con09_01 ul li div p a:hover{background:#319fd4; color:#fff; border-color:#319fd4;  transition: 0.2s;}
.work_con09_01	.link_01 {text-align:center;}

.work_con09_01 ul li:nth-child(1){margin-left:0;}
.work_con09_01 ul li:nth-child(4){margin-left:0;}
.work_con09_01 ul li:nth-child(7){margin-left:0;}
.work_con09_01 ul li:nth-child(3n){margin-right:0;}



.work_con10 {width:1100px; margin:0 auto; clear:both;padding-bottom:70px;}
.work_con10 p {background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555; font-size:15px;font-weight:300;padding:0 0 15px 15px;text-align:left;}
.w_con10 p {background:none;padding:5px 0 0 0; font-size:14px;}

.work_con11 {width:100%; position:relative; clear:both;background:#f0f1f5 url("/img/sbu/work_bg0401.png") no-repeat center 0 fixed;}
.w_con11_wrap {width:100%; }
.w_con11 {width:1100px; margin:0 auto; clear:both;padding-top:70px;}
.w_con11 ul {width:600px;color:#555; font-size:15px;font-weight:300;padding:0 0 15px 15px;text-align:left;}
.w_con11 ul li {background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555; font-size:14px;font-weight:300;padding:0 0 25px 15px;text-align:left;}
.w_con11 ul li h4 {padding:0px 0 10px 0; color:#000; font-size:17px;font-weight:500; display:block;}
.w_con1102 img { width:100%;}

.work_con12 {width:100%; position:relative; clear:both; margin-top:100px;}
.work_tab {width:100%; text-align:center;  clear:both; letter-spacing:-0.1em;background:url("/img/sub/work_tab_bg01.png") repeat-x 0 40px;font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
.work_tab ul li {display:inline-block;}
.work_tab ul li a {display:inline-block; font-size:15px; color:#aeaeae; overflow:hidden;padding:0 10px 40px 10px; background:url("/img/sub/work_tab_bg03.png") no-repeat center 30px;font-weight:700; }
.work_tab ul li a:hover,.work_tab ul li.on,.work_tab ul li.on a {color:#000;background:url("/img/sub/work_tab_bg02.png") no-repeat center 30px;}
.work_tab ul li.on {color:#000; }
.work_tab ul li.on a {color:#000;}
.work_tab ul li a.on, .work_tab ul li a:hover, .work_tab ul li a:active, .work_tab ul li a:focus {color:#000;}

.w_con12 {width:1100px; margin:0 auto; clear:both;padding-top:70px;color:#555; font-size:14px;font-weight:300;padding:70px 0 15px 0;text-align:left;}
.w_con12 ul li { width:100%; float:left;border-bottom:1px solid #ddd; margin-bottom:50px; padding-bottom:50px;}
.w_con12 ul li:last-child {border:none;}
.w_con12_le {float:left; width:300px}
.w_con12_ri {float:right; width:800px;}
.w_con12_ri_info {}
.w_con12_ri_info_t {border-bottom:1px dashed #ccc; margin:0 0 20px 0; padding-bottom:20px;}
.w_con12_ri_info_t p.tit {font-size:30px;font-weight:500;color:#000;}
.w_con12_ri_info_t p.tit span {font-size:20px;font-weight:400;color:#000;display:block; color:#ff4336;}
.w_con12_ri_info_t p.day {font-size:15px;font-weight:400;color:#000;display:block; padding:10px 0;}
.w_con12_ri_info_t p.spot {font-size:15px;font-weight:400;color:#000;display:block; padding-bottom:10px;}
.w_con12_ri_info ul li{background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555;font-weight:300;padding:0 0 10px 15px;text-align:left;border-bottom:0;margin:0 0 3px 0; padding-bottom:0;}
.w_con12_ri_info ul li b {font-weight:500;color:#000; display:block;}



/* footer_area */

#fullpage .section.m_footer {height:550px !important; visibility: hidden;}
#fullpage .section.m_footer .fp-tableCell {height:550px !important;}
#fullpage .section.m_footer.active {visibility: inherit;} 



.arc_find_top {background:url("/img/sub/arc_find_bg.png") no-repeat center -50px;width:100%;float:left; padding:150px 0;clear:both; overflow:hidden;}
.arc_ft_con {width:1100px;  margin:0 auto;}
.arc_find_result {width:100%;float:left; clear:both;background:#fff; margin-top:80px;}
.af_result_top {font-size:20px; color:#000; padding-bottom:30px;}
.af_result_top span {color:#165ac4;}
.af_result_tip {font-size:14px; color:#666;text-align:right; border-top:1px solid #eee; padding:20px;}
.af_result_tip span {display:inline-block;vertical-align:middle; padding-right:20px; }
.af_result_tip span img {margin-right:10px;}
.af_result_con {}

/* �Խ��� */
.bbs_bg01 {background:url("/img/sub/bbs_bg01.png") no-repeat center 0;}
.bbs_bg02 {background:url("/img/sub/bbs_bg02.png") no-repeat center 0;}
.bbs_bg03 {background:url("/img/sub/bbs_bg03.png") no-repeat center 0;}
.bbs_bg04 {background:url("/img/sub/bbs_bg04.png") no-repeat center 0;}
.bbs_bg05 {background:url("/img/sub/bbs_bg05.png") no-repeat center 0;}
.bbs_bg06 {background:url("/img/sub/bbs_bg06.png") no-repeat center 0;}

.bg01{background:url("/img/sub/sub_01.png") no-repeat center 0; }
.bg02{background:url("/img/sub/sub_02.png") no-repeat center 0; }
.bg03{background:url("/img/sub/sub_03.png") no-repeat center 0; }
.bg04{background:url("/img/sub/sub_04.png") no-repeat center 0; }
.bg05{background:url("/img/sub/sub_05.png") no-repeat center 0; }
.bg06{background:url("/img/sub/sub_06.png") no-repeat center 0; }
.bg07{background:url("/img/sub/sub_07.png") no-repeat center 0; }
.bg08{background:url("/img/sub/sub_08.png") no-repeat center 0; }
.bg09{background:url("/img/sub/sub_09.png") no-repeat center 0; }
.bg10{background:url("/img/sub/sub_10.png") no-repeat center 0; }
.bg11{background:url("/img/sub/sub_11.png") no-repeat center 0; }

.bg12{background:url("/img/sub/vol2/sub_01.jpg") no-repeat center 0; }
.bg13{background:url("/img/sub/vol2/sub_02.jpg") no-repeat center 0; }
.bg14{background:url("/img/sub/vol2/sub_03.jpg") no-repeat center 0; }
.bg15{background:url("/img/sub/vol2/sub_04.jpg") no-repeat center 0; }
.bg16{background:url("/img/sub/vol2/sub_06.jpg") no-repeat center 0; }
.bg17{background:url("/img/sub/vol2/sub_07.jpg") no-repeat center 0; }
.bg18{background:url("/img/sub/vol2/sub_08.jpg") no-repeat center 0; }
.bg19{background:url("/img/sub/vol2/sub_09.jpg") no-repeat center 0; }


.bg26{background:url("/img/sub/vol3/sub_01.jpg") no-repeat center 0; }
.bg21{background:url("/img/sub/vol3/sub_02.jpg") no-repeat center 0; }
.bg22{background:url("/img/sub/vol3/sub_04.jpg") no-repeat center 0; }
.bg23{background:url("/img/sub/vol3/sub_05.jpg") no-repeat center 0; }
.bg24{background:url("/img/sub/vol3/sub_07.jpg") no-repeat center 0; }
.bg25{background:url("/img/sub/vol3/sub_09.jpg") no-repeat center 0; }



.bg_interview{background:url("/img/sub/sub_interview.png") no-repeat center 0; }
.bg_dream{background:url("/img/sub/sub_dream.png") no-repeat center 0; }
.bg_photo{background:url("/img/sub/sub_photo.png") no-repeat center 0; }
.bg_notice{background:url("/img/sub/sub_notice.png") no-repeat center 0; }
.bg_comm{background:url("/img/sub/sub_comm.png") no-repeat center 0; }




.bg01 .board_wrap {margin-top:180px;}
.bg02 .board_wrap {margin-top:180px;}
.bg03 .board_wrap {margin-top:180px;}
.bg04 .board_wrap {margin-top:180px;}
.bg05 .board_wrap {margin-top:180px;}
.bg06 .board_wrap {margin-top:180px;}
.bg07 .board_wrap {margin-top:180px;}
.bg08 .board_wrap {margin-top:180px;}
.bg09 .board_wrap {margin-top:180px;}
.bg10 .board_wrap {margin-top:180px;}
.bg11 .board_wrap {margin-top:180px;}


.bg12 .board_wrap,
.bg13 .board_wrap,
.bg14 .board_wrap,
.bg15 .board_wrap,
.bg16 .board_wrap,
.bg17 .board_wrap,
.bg18 .board_wrap,
.bg19 .board_wrap,
.bg20 .board_wrap,
.bg21 .board_wrap,
.bg22 .board_wrap,
.bg23 .board_wrap,
.bg24 .board_wrap,
.bg25 .board_wrap,
.bg26 .board_wrap
{margin-top:180px;}

.bg_interview .board_wrap{margin-top:180px;}
.bg_dream .board_wrap {margin-top:180px;}
.bg_photo .board_wrap {margin-top:180px;}
.bg_notice .board_wrap {margin-top:180px;}
.bg_comm .board_wrap {margin-top:180px;}

 input[id="b"] { position: relative;  top: 1.5px;} 
 label[for="c"] {position: relative; top: -1.5px;}


.bbs_wrap {width:1100px;  margin:0 auto; padding:10px 0 150px 0;overflow:hidden;}
.bbs_wrap02 {width:1100px;  margin:0 auto; overflow:hidden; padding:10px 0 150px 0;}
.bbs_wrap02_le {width:300px; float:left;text-align:left; border-top:1px solid #000;}
.bbs_wrap02_le p {padding:40px 0; color:#000; font-size:20px;;}
.bbs_wrap02_ri {width:800px; float:right;}
.board_wrap {width:100%; font-size:14px;  background:#fff; min-height:400px;}

/* �Խ��ǰ˻�  */
.lst_header{position:relative; line-height:34px; overflow:hidden; width:300px; border:1px solid #e5e4e4;margin:0 auto;padding:5px 15px;}
.lst_header .search{position:relative; width:100%; }
.lst_header .search input{width:calc(100% - 12px); padding-left:0; height:32px; border:0; font-size:15px;font-family:'Noto Sans KR','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
.lst_header .search .btn_search{text-indent:-9999px;position:absolute; background:url("/img/sub/btn_search.png") 0 0 no-repeat; top:10px; right:0; display:inline-block; width:25px; height:34px; line-height:34px; text-align:center;}

/* ����¡  */
.paging{  clear:both;text-align:center; padding:0; margin:40px 0; position:relative; font-size:13px; line-height:20px; font-family: 'Roboto', sans-serif;}
.paging a{ display:inline-block; width:30px; height:30px; border:none; line-height:30px; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
.paging a:hover,
.paging a.on{ color:#2471c8; font-weight:bold; text-decoration:underline; line-height:24px;}
.paging .direction,
.paging .direction:hover{ text-indent:-9999px; width:30px; height:30px; border:#ddd 2px solid; border-radius:50%;}
.paging .direction.prev{ background:url("/img/sub/paging_prev.png") 50% 50% no-repeat; margin-right:10px;}
.paging .direction.next{ background:url("/img/sub/paging_next.png") 50% 50% no-repeat; margin-left:10px;}
.paging .paging-pc{ display:inline-block;}
.paging .paging-m{ display:none;}

/* �Խ���btn */
.board_btn {padding-top:30px; overflow:hidden;width:100%;}
.board_btn .btn_left {float:left;}
.board_btn .btn_right {float:right;}
.board_btn .btn_center {margin:0 30%; float:left;}
.grybt01 {background: #999; color: #fff; font-weight:300; display: inline-block; font-size: 13px; height:30px; padding:10px 20px 0 20px; border:1px solid #f5f7f9;border-radius:50px;}
.grybt02 {background: #aaa; color: #fff; display: inline-block; font-size: 12px; height:22px; padding:5px 10px 0 10px; border-radius:3px;margin-right:3px;}
.orgbt01 {
  background: #00a7e1;
  color: #fff;
  display: inline-block;
  font-size: 27px;
  height: 40px;
  padding: 20px 30px 20px 30px;
  border-radius: 50px;
  margin: 100px auto;
  width: 160px;
  cursor: pointer;
}
.orgbt02 {background: #00a7e1; color: #fff; display: inline-block; font-size: 13px; height:30px; width:80px;padding:30px 0 0 40px; border-radius:50px;}
.blubt01 {background: #008299; color: #fff; display: inline-block; font-size: 13px; height:30px; padding:10px 20px 0 20px; border:1px solid #828b9c;border-radius:50px;}
.emty{margin:10% auto;}
.noti {position:absolute; z-index:10; margin:30px 0 0 -10px;}
/* new_������  */
.n_gallery_list {width:100%; position: relative; text-align:center;}
.n_gallery_list ul li {width:25%; float:left; margin-bottom:30px;}
.n_gall_box {border:1px solid #d8d8d8; width:245px; height:355px; border-radius:15px; overflow:hidden; margin:0 auto;}
.n_gall_box .img {height:215px; width:100%; overflow: hidden; position: relative;z-index: 1; opacity:1;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s; border-bottom:1px solid #fff;}
.n_gall_box .img img {width:inherit; overflow: hidden;}
.n_gall_box .info { text-align: left;overflow: hidden;position: relative;padding:20px 25px 0 25px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box .info p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box .info p.tit {padding:0 0 10px 0;font-size: 15px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 30px}
.n_gall_box .info p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.n_gall_box .info p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif;}
.n_gall_box .info p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box .info p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box .info p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box .info p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}

.n_gall_box .info02 { text-align: left;overflow: hidden;position: relative;padding:40px 35px 0 40px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box .info02 p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box .info02 p.tit {padding:0 0 10px 0;font-size: 15px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.n_gall_box .info02 p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.n_gall_box .info02 p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif;}
.n_gall_box .info02 p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box .info02 p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box .info02 p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box .info02 p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}

.n_gallery_list02 {width:100%; position: relative; text-align:center;}
.n_gallery_list02 ul li {width:25%; float:left; margin-bottom:30px;}
.n_gall_box02 {border:1px solid #d8d8d8; width:245px; height:265px; border-radius:15px; overflow:hidden; margin:0 auto;}
.n_gall_box02 .img {height:165px; width:100%; overflow: hidden; position: relative;z-index: 1; opacity:1;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s; border-bottom:1px solid #fff;}
.n_gall_box02 .img img {width:auto; height:165px; overflow: hidden;}
.n_gall_box02 .info { text-align: left;overflow: hidden;position: relative;padding:20px 25px 0 25px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box02 .info p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box02 .info p.tit {padding:0 0 10px 0;font-size: 15px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.n_gall_box02 .info p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.n_gall_box02 .info p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif;}
.n_gall_box02 .info p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box02 .info p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box02 .info p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box02 .info p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}

.n_gall_box02 .info02 { text-align: left;overflow: hidden;position: relative;padding:40px 35px 0 40px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box02 .info02 p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box02 .info02 p.tit {padding:0 0 10px 0;font-size: 15px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.n_gall_box02 .info02 p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.n_gall_box02 .info02 p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif;}
.n_gall_box02 .info02 p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box02 .info02 p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box02 .info02 p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box02 .info02 p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}


/* type3 */
.lst_board.type3 {border-top:2px solid #000; letter-spacing:0;}
.lst_board.type3 ul li{display:table; table-layout:fixed; width:100%; height:130px; padding:0 10px;overflow:hidden; border-bottom:1px solid #c5c8d3;}
.lst_board.type3 ul li:last-child {border-bottom:1px solid #435057;}
.lst_board.type3 ul li p{vertical-align:middle;  font-size:14px; color:#4f5355;}
.lst_board.type3 ul li p.subject {display:block; vertical-align:middle; max-width:calc(100%); font-weight:bold; font-size:16px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:30px 0 10px 0;}
.lst_board.type3 ul li p.detail{display:block; vertical-align:middle; max-width:calc(100%); font-size:13px; color:#777; text-overflow:ellipsis; overflow:hidden; padding-bottom:20px; line-height:22px;}
.lst_board.type3 ul li p.date{width:150px; font-size:12px; color:#999;display:table-cell;font-family: 'Roboto', sans-serif;text-align:center; }
.lst_board.type3 ul li p.name{width:120px; font-size:12px; color:#1e8196;display:table-cell;font-family: 'Roboto', sans-serif;}
.lst_board.type3 ul li p.state{width:130px;display:table-cell;}
.lst_board.type3 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}


/* type1 */
.lst_board.type1 {position:relative;  border-top:1px solid #000;}
.lst_board.type1 ul li{display:table; table-layout:fixed; width:100%; overflow:hidden; border-bottom:1px solid #e5e4e4;}
.lst_board.type1 ul li:last-child {border-bottom:1px solid #e5e4e4;}
.lst_board.type1 ul li p{display:table-cell; vertical-align:middle;  text-align:left; padding:10px 0; font-size:14px; color:#4f5355; }
.lst_board.type1 ul li p.no{width:80px; padding-left:0; text-align:center; font-size:20px; color:#bbb;}
.lst_board.type1 ul li p.subject a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:14px; color:#4f5355;  white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.lst_board.type1 ul li p.subject img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type1 ul li p.subject .lock{margin-left:16px; width:16px;}
.lst_board.type1 ul li p.subject span { color:#386ef8; font-size:12px; display:inline-block; padding-right:10px;}
.lst_board.type1 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type1 ul li p.author .logintype{position:absolute; top:16px; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type1 ul li p.date{width:100px; font-size:13px; color:#bbb;}
.lst_board.type1 ul li p.date02{width:100px; font-size:13px;}
.lst_board.type1 ul li p.name{width:100px; }
.lst_board.type1 ul li p.state{width:100px;}
.lst_board.type1 ul li p.cate{width:100px;}
.lst_board.type1 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.lst_board.type1 ul li p.state span.ing{background:#fff; border:1px solid #ccc; color:#e83c7a;}
.lst_board.type1 ul li p.state span.fin{background:#fff; border:1px solid #ccc; color:#8f6b6b;}
.lst_board.type1 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:14px; color:#084d98;}
.lst_board.type1 .board_empty p{color:#084d98;}
.bg_comm .lst_board.type1{border-top:none;}
.bg_comm  .viewType02 dt{padding-top:74px;}


/* view */
.viewType02 {}
.viewType02 dt {padding-top:53px;border-bottom:1px solid #e5e4e4; text-align:center;}
.viewType02 dt .titA {font-size: 29px; font-weight:600; line-height: 1.5; margin: 0 auto;color:#000; padding:0 35px;}
.viewType02 dt .titA span {color:#0047ff;}
.viewType02 dt .dateA {color: #999; padding:10px 0 30px 0;font-size: 13px;  }
.viewType02 dt .dateA span {display:inline-block; padding-right:15px; font-size:13px;}
.viewType02 dd .dataA {text-align:left;padding: 13px 0;width: 100%; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .dataA ul li {padding:5px 10px;}
.viewType02 dd .dataA span {color:#000; display:inline-block; padding-right:15px; font-size:13px;}

.viewType02 dt .cate {font-size: 12px; font-weight: bold; color: #bc9a5d; text-align:center; padding:0 0 30px 0;}
.viewType02 dt .posA {font-size: 14px; color: #f1732f; text-align:center; padding:10px 0 0 0;}
.viewType02 dd .fileA  {text-align:left;background: #f8f8f8; padding: 13px;width: 100%; border-top:1px solid #e5e5e5; font-size:13px;}
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 4px; content: ""; left: 0;padding:0 20px 5px 20px; top: -2px; font-size:14px;display:block;}
.viewType02 dd {padding:0 ; border-bottom:1px solid #e5e4e4;}
.viewType02 dd .viewCon {color:#555; line-height:25px; padding:50px; word-break:break-all; }

.viewType02 dd .viewCon img{overflow:hidden;position:relative; margin-bottom:10px; max-width:96%;  height: auto !important;}
.viewType02 dd .viewCon div.btn {position:absolute;top:1150px; z-index:99; width:1100px; margin:0 auto;}
.viewType02 dd .viewCon div.btn p.img_prev{float:left;}
.viewType02 dd .viewCon div.btn p.img_next{float:right;}
.viewType02 dd .viewCon div.v_con_list {width:100% !important; overflow:hidden;position:relative; margin-bottom:10px;}
.viewType02 dd .viewCon div.v_con_list ul li {width:135px; height:79px; float:left; margin-right:2px; margin-bottom:1px; overflow:hidden;}
.viewType02 dd .viewCon div.v_con_list ul li img {width:100%; border:1px solid #fff;}

.viewShiftA{border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; clear:both;}
.viewShiftA p{padding:15px 0; border-top:1px solid #e1e1e1;  color:#555}
.viewShiftA p:first-child{border-top:none}
.viewShiftA span.Tit{color:#000; display:inline-block; padding:0 20px;}
.viewShiftA span.data{color:#000; display:inline-block; font-size: 13px;}
.viewShiftA a{white-space:nowrap; text-overflow:ellipsis}
.viewShiftA a:hover{text-decoration:underline;}


.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7 url("/img/sub/ico_qna.gif") no-repeat scroll 25px 25px; }
.qna_viewA p.an {padding:25px 25px 25px 50px;color:#000; line-height:24px;font-size: 13px;}
.qna_viewA p.btn {padding:0 25px 25px 0;text-align:right;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px;vertical-align:top;position:relative;height:70px;}
.qna_writeA p.qna_writeA_le {width:90%;display:inline-block; float:left;}
.qna_writeA p.qna_writeA_le textarea {border:1px solid #ccc; width:100%; display:inline-block;height:55px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.qna_writeA p.qna_writeA_ri {width:7%;display:inline-block; float:right;}
.qna_writeA p.qna_writeA_ri span.btn {background:#00a7e1;width:100%; color:#fff; display:inline-block; height:45px; padding-top:30px;text-align:center;}


.message {padding-top:50px;width:90%;  margin:0 auto;}
.msg_write {border:1px solid #ccc;background:#fff; margin-bottom:35px;}
.msg_write01 {}
.msg_write01 textarea, .msg_write01 textarea:focus{width:98%; border:0;background:none;height:80px; color:#666; padding:5px 0 0 20px;}
.msg_write02 {border-top:1px solid #f0f0f1;text-align:right;}
.msg_write03 {border-bottom:1px solid #f0f0f1;text-align:left; height:38px;}
.msg_write03 input {border:0;background:none; padding:5px 0 0 20px;}
.btn_msg {background:#00a7e1; width:100px; height:33px; color:#fff;display:inline-block;text-align:center; padding-top:5px; font-weight:700;}
.msg_total {text-align: left;font-size:14px; color:#666; padding-bottom:10px;}
.msg_total b {color:#000;}
.msg_list {width:100%; position: relative; text-align: left;border-top:1px solid #000; margin-bottom:45px;font-size:13px;}
.msg_list ul li {width:100%; padding:20px 0;border-bottom:1px solid #dfe0e1;}
.msg_list ul li p.name {padding-bottom:10px; color:#000; font-weight:700;}
.msg_list ul li p.name span {margin-right:10px; vertical-align:middle;}
.msg_list ul li p.txt {padding-bottom:5px; color:#626264;  text-overflow:ellipsis;}
.msg_list ul li p.date { color:#838486; font-size:13px;}
.msg_list ul li p.date  a {color:#999;}


/* write */
.wrt_board{border-top:1px solid #435057; border-bottom:1px solid #435057;}
.wrt_board dl{display:table; table-layout:fixed; width:100%;}
.wrt_board dl + dl{border-top:1px solid #c5c8d3;}
.wrt_board dl dt, .wrt_board dl dd{display:table-cell; min-height:44px; padding:7px 0; text-align:left; font-weight:700;}
.wrt_board dl dd p {font-size:13px; font-weight:400;}
.wrt_board dl dt{width:130px; vertical-align:top; padding-left:20px; line-height:44px; font-size:14px; color:#4f5355;}
.wrt_board dl dd{padding-right:30px; vertical-align:middle; color:#999;}
.wrt_board dl dd:after{content:""; display:block; clear:both;}
.wrt_board dl dd .wfull{width:100%;}
.wrt_board dl dd .w1{width:27.4% !important;}
.wrt_board dl dd .w2{width:37% !important;}
.wrt_board dl dd .w3{width:24% !important;}
.wrt_board dl dd input[type="radio"] + label{display:inline-block; padding:0 5px 0 2px; min-width:43px; }
.wrt_board dl dd .frm_item{display:table; table-layout:fixed;}
.wrt_board dl dd .frm_item label{display:table-cell; vertical-align:middle; line-height:44px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:100%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:left; width:37%;}
.wrt_board dl dd .frm_item.type1 label{width:32px;}
.wrt_board dl dd .frm_item.type2{float:right; width:59%;}
.wrt_board dl dd .frm_item.type2 label{width:42px;}
.wrt_board dl dd span {color:#333; font-weight:200; font-size:14px; display:inline-block; padding-left:15px;}

/* inquiry */
.inq_wrapper {width:100%;float:left;}
.inq_le_tit {width:15%; float:left;text-align:left; border-top:2px solid #000;}
.inq_le_tit span {padding-top:20px; font-size:20px;display:block;}
.inq_info {width:70%; float:right;text-align:left;color: #999;}
.chk_area02 { color:#888; line-height:28px; padding-bottom:0;}
.chk_area02 span {padding-right:30px;display:inline-block;}
.chk_area03 { color:#888; line-height:28px; border-bottom:1px dotted #ccc; padding-bottom:25px;}
.chk_area03 span {padding:20px 0;display:inline-block;}
.ipt_area02 {padding:20px 0;}
.ipt_line02 {padding:0 0 5px 0;}
.txt_input02{width:47%;height:35px;line-height:20px;padding:0 13px;font-size:14px;color:#000;border-bottom:1px solid #ccc;font-weight:400;}
.txt_input02:focus{border-bottom:1px solid #333;background:#fff;color:#000;}
.txt_input03{width:94%;height:35px;line-height:20px;padding:0 13px;font-size:14px;color:#000;border-bottom:1px solid #ccc;font-weight:400;}
.txt_input03:focus{border-bottom:1px solid #333;background:#fff;color:#000;}
.txt_textarea02{width:95%;height:100px;line-height:30px;padding:0 13px;font-size:13px;color:#000;;border-bottom:1px solid #ccc;font-weight:400;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.txt_textarea02:focus{border:1px solid #333;background:#fff;color:#000;}
.file_line02 {position:relative;padding:0;padding:0 0 5px 0;}
.file_line02 input.request_file2{width:100%;height:35px;line-height:20px;padding:0;color:#999;font-size:13px;position:absolute;z-index:2;background:#fff;}
.file_line02 .fake input{display:inline-block;width:80%;height:35px;line-height:20px;padding:0 13px; vertical-align:top;color:#999;font-size:13px;border:1px solid #ccc;border-radius:3px; background:#fff;}
.file_line02 .fake .btnfile{display:inline-block;height:35px;line-height:30px;width:15%;color:#fff;text-align:center;font-size:14px;z-index:1;border-radius:3px;background:#777;border:1px solid #777;}
.file_line02 p {font-size:13px; padding-bottom:5px;}
.btn_area {padding:30px 0; width:70%; float:right;text-align:right}
 a.btn003 {color:#fff; font-size:15px;background:#000; display:inline-block; padding:15px 30px;}
.inq_info p.tit {color:#000; padding:15px 0 10px 0;}

.txt_input002{width:47%;height:35px;line-height:20px;padding:0 13px;font-size:14px; color:#fff !important; border-bottom:1px solid #95866e;font-weight:400;background:#fff;}
.txt_input002:focus{border-bottom:1px solid #333;background:#fff;color:#000 !important;}

.txt_input04{width:49%;height:40px;line-height:20px;padding:0 13px;font-size:14px;color:#666;border:1px solid #ccc;font-weight:400;}
.txt_input04:focus{border-bottom:1px solid #333;background:#fff;color:#000;}



.mem_bg {background:#f5f6fa;}

/* ��� */
.law_top { border-bottom:1px solid #ccc; padding-bottom:25px;}
.law_info { padding:0 15px 100px 15px;width:1050px; margin:0 auto;text-align:left;}
.law_info h4 {padding-top:20px;}
.law_info p {line-height:20px; padding:20px 0; font-size:13px;}
.law_info ul li { line-height:20px; padding-bottom:10px; font-size:13px;}
.law_info ul li ul { margin:10px 0;}


/* ����� */
.join_top {width:100%; border-bottom:1px solid #ccc;  padding:20px 0 0 0; height:242px;}
.join_step {width:1000px; margin:0 auto; display:table;}
.join_step ul li {width:33.333333333333333%;float:left; padding:150px 0 30px 0;text-align:center; color:#000;font-size:20px;}
.join_step ul li.icon01 {margin-bottom:10px;background:url("/img/sub/join_icon01.png") no-repeat center 0;}
.join_step ul li.icon02 {margin-bottom:10px;background:url("/img/sub/join_icon02.png") no-repeat center 0;}
.join_step ul li.icon03 {margin-bottom:10px;background:url("/img/sub/join_icon03.png") no-repeat center 0;}
.join_step ul li span {display:block; color:#b7b7b7; font-size:12px; letter-spacing:0;font-weight:500; padding-top:10px;}
.join_step ul li.on {border-bottom:3px solid #000;}
.login-bx{ overflow:hidden; display:block; width:1000px; margin:0 auto;background:#f5f6fa; padding:0 0 100px 0;}
.login-bx div.box1{ display:block; vertical-align:top; background:#fff;width:90%; margin:0 auto; border:1px solid #ddd;}


.login-bx div.tc{ width:70%; margin:0 auto; padding:50px 0;}
.login-bx div.tc .inp{ padding:0;}
.login-bx div.tc .inp .input{ border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%; color:#999;}
.login-bx div.tc .inp .input.id{ background:url("/img/sub/icon_id.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.pw{ background:url("/img/sub/icon_pw.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.na{ background:url("/img/sub/icon_name.png") 0 50% no-repeat;}
.login-bx div.tc .inp+.inp{ margin-top:20px;}
.login-bx div.tc .chk{ padding:14px 0; text-align:right; color:#959595; display:block; font-size:12px;}
.login-bx div.tc .btn-box{ margin-top:10px;}
.login-bx div.tc .btn-box a{ width:100%; padding:15px 0; border-radius: 25px; background:url("/img/sub/btn_bg.png") 0 50% no-repeat; display:block; text-align:center; font-size: 16px;color: #fff;}

.login-bx div.box2{display:block; vertical-align:top;  color:#666;width:90%; margin:0 auto;}
.login-bx div.box2 dl{ float:left; width:50%;  padding:25px 0 50px 0;}
.login-bx div.box2 dl dt{ color:#000; text-align:center; padding:0 0 15px 0;}
.login-bx div.box2 dl dd{ font-size:12px; color:#777;  text-align:center;}
.login-bx div.box2 dl+dl{ border-top:#ddd 1px solid; }
.login-bx div.box2 dl .btnz{ position:relative; top:auto; right:auto; margin-top:10px; width:100%; display:block;}
.login-bx div.box2 dl .btnz .btlogin{ display:inline-block; width:100px; background:#fff; border:#ccc 1px solid; border-radius:15px; height:30px; line-height:30px; font-size:12px;}
.login-bx div.box2 dl .btnz .btlogin+.btlogin{ margin-top:0; margin-left:10px;}
.login-bx div.box2 dl+dl .btnz{ margin-top:10px;}

.my_top {width:1000px;margin:0 auto; padding:0;text-align:right;}
.my_top a { color:#fff; background:#000; margin-left:10px; font-size:13px; padding:5px 15px;display:inline-block; font-weight:500;}

.joinA {width:1000px;margin:0 auto; padding:50px 0 100px 0;text-align:left;}
.agree-box { height:200px; padding:30px; color:#666; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}
.agree-box h3 {padding:10px 0; font-size:14px; margin:5px 0;text-align:left;background:none;}
.agree-box h4 {padding-top:5px;text-align:left; font-size:14px;}
.agree-box p {line-height:20px; padding:10px 0; font-size:12px;}
.agree-box ul li { line-height:20px; padding-bottom:10px; font-size:12px;}
.agree-box ul li ul { margin:10px 0;}
.agree-box02 {height:500px; padding:30px; color:#666; font-size:13px; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}
.join_btn {margin-top:50px; width:100%; text-align:center;}

.agreeW{position:relative;  margin-top:10px;width:100%;}
.agree_check {position:relative;font-size:14px; padding:20px 0;;}
.agree_check span {display:inline-block;}
.agree_check span.ri {display:inline-block; float:right}
.agree_A {width:100%;position:relative;border:1px solid #d7d7d6;width:100%; color:#666; clear:both; padding:20px 0; overflow-y:scroll; margin-bottom:50px;}
.agree_A ul {width:90%; margin:0 auto; font-size:13px;}
.join_btn {margin-top:50px; width:100%; text-align:center;}
.mem_btn03{ width:40%; padding:12px 0; border-radius: 25px; background:url("/img/sub/btn_bg.png") 0 50% no-repeat; display:inline-block; text-align:center; font-size: 14px;color: #fff;}
.mem_btn04{ width:40%; padding:12px 0; border-radius: 25px; background:#fff; display:inline-block; text-align:center; font-size: 14px;color: #333; border:1px solid #ccc;}

.join_ok {width:100%; padding:50px 0 0 0; display:inline-block;vertical-align:top; text-align:center;  background-size:60px:}
.join_ok p.tit {font-size:20px; color:#333; font-weight:500;}
.join_ok p.tit span { color:#1a76f2;}
.join_ok p.txt {padding:20px 0; font-size:13px; color:#666;}
.join_ok p.btn {padding:50px 0 0 0;}

.sitemap {width:100%;position:relative; float:left; background:#f5f6fa;}
.sitemap ul {width:1100px; margin:0 auto;}
.sitemap ul li {width:33.3333333333%; float:left;}
.sitemap ul li ul {width:300px; margin:0 auto; height:300px;}
.sitemap ul li ul li {width:100%; float:left;font-size:14px; padding:5px 0;}
.sitemap ul li ul li a {color:#666;}
.sitemap ul li p {border-top:1px solid #000; border-bottom:1px solid #000;width:300px; margin:0 auto; padding:10px 0; margin-bottom:20px;}


@media only screen and (max-width: 767px) {

/*��û�����*/
.about01_cont01{width:90%; display:block; height:auto;}
.about01_cont01>img{width: 400px; height: 200px; display: block; margin: 0 auto;}
.about01_cont_le{float:none;  width:100%; background:url(" /img/sub/bg_ab01.png") no-repeat  43% top; background-size:90%;}
.about01_cont_ri{float:none;width:100%; text-align:center; }

.about01_cont_le p{ float:none; font-size:4.1em; line-height:1.2em;  padding-left:15%; padding-right:0; }
.about01_cont_le p span{color:#2ca3f2; font-weight:400;}

.about01_cont_ri .ab01_ri_t{ width:100%; font-size:0.9em; line-height:30px; font-weight:300; margin-top:35px; }
.about01_cont_ri .ab01_ri_b{ padding-top:40px;}
.ab01_ri_b h3{font-size:20px; font-weight:400; margin-bottom:10px;}
.ab01_ri_b {font-size:16px; margin-bottom:35px;}

.about02_cont01{width:100%; display:block; margin:0 auto; background:url(" /img/sub/bg_ab02.png") no-repeat center -150px;}
.ab02_cont{width:100%;  padding:35px 0 0 0; }
.ab02_cont h3{font-size:20px; margin-bottom:30px; font-weight:400; color:#fff;}
.about02_01{  height:260px; color:#fff; font-size:0.9em;  background-size:contain; }
.about02_02{margin:50px 0 100px 0; font-size:22px; color:#686868; line-height:32px; letter-spacing:-0.08em; line-height:42px;}
.about02_02 img{display:inline-block; margin:0 auto; width:40%; vertical-align:middle;}
.about02_02 img:first-child{margin-right:auto;}
.v_pc{display:none;}
.v_mo{display:block;}


.s_title {padding:10px 0 20px 0;}
.s_title h2 {font-size:20px; padding:40px 0 0 0;}

.s_title div.page_root {padding:7px 0 0 0;color:#818285;font-size:12px;}


.s_tab {width:90%; margin:0 auto;text-align:center; letter-spacing:-0.1em; line-height:0;}
.s_tab ul li {display:inline-block; background:url("/img/sub/s_tab_bl.png") no-repeat right 15px;}
.s_tab ul li a {display:block;font-size:14px; color:#aeaeae; overflow:hidden;padding:10px 10px 25px 10px;}
.s_tab ul li a:hover {color:#0047ff;}
.s_tab ul li.on {color:#0047ff; }
.s_tab ul li.on a {color:#0047ff;}
.s_tab ul li a.on, .s_tab ul li a:hover, .s_tab ul li a:active, .s_tab ul li a:focus {color:#000;}

.s_tab02 {display:none;}

/*�λ縻*/
.greeting { width:100%;position:relative; padding-top:50px;}
.greeting_info01 {background-size:auto 200px; padding:50px 20px 250px 20px; font-size:15px;text-align:left;}
.greeting_info01 span {font-size:20px;}
.greeting_info02 { letter-spacing:-0.05em; padding:40px 20px 40px 20px; line-height:20px;font-size:13px;text-align:left;}
.greeting_info03 {background:url("/img/sub/greeting_bg02.png") no-repeat right 0;background-size:auto 150px;}
.greeting_info03_info {width:90%; padding-top:200px;font-size:13px;}
.greeting_info04 {background:none;margin-bottom:100px;font-size:13px;}
.greeting_info04_info {width:90%; margin:0 auto;}
.greeting_info04_info_s {padding-left:0;text-align:left;padding-top:0;}
.greeting_info04_info_s p.sign {padding-top:50px;}
.greeting_info04_info_s p.sign span {font-family: 'Nanum Brush Script', cursive; font-size:50px;}

/*����Ұ�*/
.about0101 { width:100%;position:relative; padding-top:50px;}
.about0101_info {background-size:auto 300px; height:230px;}
.about0101_info {padding-top:50px; font-size:20px; }

.about0102 {background-size:auto 300px; height:700px;}
h3.about0102_tit { padding:50px 0 20px 0;}
.about0102_info {padding-bottom:70px; font-size:20px; font-weight:300; padding:0 20px 40px 20px; color:#fff; letter-spacing:-0.08em;}
.about0102_info02 {width:90%; margin:0 auto;}
.about0102_info02 ul {display:block;}
.about0102_info02 ul li {width:100%; display:block; height:120px;}
.about0102_info02 ul li div.about0102_con {background:#fff; width:100%; height:100px; color:#333;box-shadow:10px 10px 15px rgba(0,0,0,.2);}
.about0102_info02 ul li div.about0102_con div {overflow:hidden; height:100px;}
.about0102_info02 ul li div.about0102_con div.about0102_img img{width:auto; height:100px; min-height:100px;}
.about0102_info02 ul li div.about0102_con div.about0102_img {width:30%; height:100px; overflow:hidden;float:left;}
.about0102_info02 ul li div.about0102_con div.about0102_txt {padding:0; height:100px;text-align:left;width:70%;float:left; }
.about0102_info02 ul li div.about0102_con div.about0102_txt p.st01 {padding:20px 20px 5px 20px; font-size:15px;font-weight:300;}
.about0102_info02 ul li div.about0102_con div.about0102_txt p.st02 {font-size:13px;padding:0 20px;}

.about0103 {padding:50px 0;}
h3.about0103_tit {font-size:20px; padding-bottom:0px;}
.about0103_info {width:80%;}
.about0103_info ul {display:block;}
.about0103_info ul li {width:100%; display:block; border-right:0; border-bottom:1px solid #d7d7d7; font-size:12px; padding:100px 0 20px 0;}
.about0103_info ul li.lt01 {background-size:auto 70px;}
.about0103_info ul li.lt02 {background-size:auto 70px;}
.about0103_info ul li.lt03 {background-size:auto 70px;}
.about0103_info ul li span {font-size:17px; color:#000; padding-bottom:10px;display:block;}

.about0104 {background:#eff1f6; padding:80px 0;float:left;width:100%;}
.about0104_info {background:url("/img/sub/about01_bg09.png") repeat-y 0 30px;width:100%;float:none;margin-top:30px;}
.about0104_info01 {width:90%; margin:0 auto;}
.about0104_info01_le {width:90%; float:none; padding-top:0; padding-bottom:50px;}
.about0104_info01_le img {width:100%;}
.about0104_info01_ri {width:90%; float:none;}
.his_con {width:100%; text-align:left;}
.his_con ul li {background:url("/img/sub/about01_bg10.png") no-repeat 0 5px; padding:0 0 50px 30px;}
.his_con ul li p.year {font-size:15px;}
.his_con ul li ul li {padding:0 0 13px 0; background:none; color:#616161; font-size:13px; letter-spacing:-0.06em;}
.his_con ul li ul li span {color:#000; display:block; padding-bottom:5px;font-weight:500;}
.about0104_info02 {width:90%; margin:0 auto;}
.about0104_info02_le {width:90%;float:none;  padding-top:0; padding-bottom:50px;}
.about0104_info02_le img {width:100%;}
.about0104_info02_ri {width:90%; float:none;}
.his_con02 {width:100%; text-align:left;float:none;}
.his_con02 ul li {background:url("/img/sub/about01_bg10.png") no-repeat 0 5px; padding:0 0 50px 30px;}
.his_con02 ul li p.year {font-family: 'Ultra', serif; font-size:15px; color:#000; padding-bottom:10px; display:block;}
.his_con02 ul li ul li {padding:0 0 13px 0; background:none; color:#616161; font-size:13px; letter-spacing:-0.06em;}
.his_con02 ul li ul li span {color:#000; display:block; padding-bottom:5px;font-weight:500;}

.about0105 {padding:80px 0;width:100%; clear:both;}
.about0105_info {width:90%; margin:0 auto;}
.about0105_info p.txt {font-size:13px; color:#666; border-bottom:1px solid #ddd; padding-bottom:40px;}
.about0105_info p.img {padding:70px 0;}
.about0105_info p.img img {width:100%;}
.about0105_info p.btn {}
.btn_down {display:inline-block;text-align:left; font-size:14px; border:1px solid #000; background:url("/img/sub/btn_down.png") no-repeat right 20px; padding: 15px 65px 15px 35px;}
.btn_down:hover {background:#000 url("/img/sub/btn_down_on.png") no-repeat right 20px; color:#fff; }

.about0106 {padding:80px 0;float:left;width:100%;}
.about0106_info01 {padding:30px 0 70px 0;}
.about0106_info01 img {width:100%;}
.about0106_info02 {width:90%; margin:0 auto;}
.about0106_info02 ul li {width:100%; margin-bottom:25px;float:left;}
.profile {width:90%;margin:0 auto; padding:35px 0;}
.profile p {padding:0 30px; font-size:13px;}
.profile p.pic {padding-bottom:10px;}
.profile p.name {font-size:14px; color:#000;padding-bottom:10px;}
.profile p.txt {padding-bottom:10px; height:70px;}
.profile p.phone {border-top:1px dashed #ddd;padding-top:10px;}

.n_about0106_info02 {width:100%;}
.n_about0106_info02_l {width:90%; padding-top:0; padding-bottom:35px;margin:0 auto; float:none;}
.n_about0106_info02_r {width:90%;margin:0 auto; float:none;}
.n_about0106_info02_r ul {width:100%;float:left;}
.n_about0106_info02_r ul li {width:100%; margin-bottom:25px;}
.n_profile {width:100%; padding:35px 0;}
.n_profile p {padding:0 30px; font-size:13px;}
.n_profile p.pic {padding-bottom:10px;}
.n_profile p.name01 {font-size:14px; color:#009623;padding-bottom:10px;}
.n_profile p.name02 {font-size:14px; color:#ff5900;padding-bottom:10px;}
.n_profile p.txt {padding-bottom:10px; height:70px;}
.n_profile p.phone {border-top:1px dashed #ddd;padding-top:10px;}


.n_profile02 {width:100%;  padding:35px 0;}
.n_profile02 p {padding:0 30px; font-size:13px;}
.n_profile02 p.pic {padding-bottom:10px;}
.n_profile02 p.name {font-size:14px;padding-bottom:10px;}
.n_profile02 p.txt {padding-bottom:10px; height:70px;}
.n_profile02 p.phone {border-top:1px dashed #ddd;padding-top:10px;}


.about_info {text-align:center;  padding-bottom:100px;}
.ab_info01 {background:url("/img/sub/black_line.png") no-repeat center 0; padding-top:120px; margin-top:100px;}
.ab_info01 p.st01 {font-size:24px;color:#000; padding-bottom:20px;font-weight:600;font-family: 'Fira Sans Condensed', sans-serif;letter-spacing:0em;}
.ab_info01 p.st02 {font-size:25px;color:#000;font-weight:200;letter-spacing:-0.04em;}
.ab_info02 {padding:0 30px;}
.ab_info02 p.st01 {padding:0 0 50px 0;font-weight:600;font-size:14px;}
.ab_info02 p.st02 {font-size:14px;color:#333; line-height:30px;}
.ab_info02 p.st02 span.img {vertical-align:top; margin-top:10px;}
.ab_info02 p.st02 span.txt {vertical-align:top; margin-top:10px;}
.ab_info02 p.st03 {font-size:20px;color:#333; line-height:30px;padding:0 0 50px 0;font-weight:600;}

/*���ô±�*/
.location { width:100%;position:relative; padding:50px 0 100px 0;}
.location_info01 {padding:50px;font-size:13px;}
.location_info01 span {font-size:17px;}
.map_con_wrap {position:relative;margin-left:0;}
.map_con {float:left; height:auto; width:330px; padding:0 0 0 20px;}
.map_con ul li {text-align:left; font-size:13px; color:#000; padding:0 0 10px 0;text-align:center;}
.map_con ul li p {font-weight:700; padding-bottom:1px;}
.map_con ul li ul li {background:url("/img/sub/bl01_.png") no-repeat 0 10px; padding:0 0 3px 0; color:#666;}


/*����Ұ�*/
.work_t_bg01 {background-size:auto 300px;}
.work_t_bg02 {background-size:auto 300px;}
.work_t_bg03 {background-size:auto 300px;}
.work_t_bg04 {background-size:auto 300px;}
.work_t_con {width:90%;padding:50px 0 0 0; height:200px;}
.work_t_con h2 {font-size:14px;background:none; padding-bottom:15px;}
.work_t_con p.tit {padding:0 0 0px 0; font-size:20px;font-weight:500;}
.work_t_con p.txt {font-size:13px;font-weight:300;}

h3.work_tit {font-size:20px;}

.work_con02 {width:90%; margin:0 auto; border-bottom:0;float:none; padding-bottom:0;}
.work_con02 ul li {width:100%;position:relative;}
.w_con02 {width:100%;float:none; margin-bottom:0px;}
.w_con02 h4 {padding:0 0 15px 0; color:#000; font-size:17px;font-weight:500;}
.w_con02 ul li {background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555; font-size:13px;font-weight:300;padding:0 0 5px 15px;width:100%;}
.w_con0201_le {width:100%;float:none; padding-top:0;}
.w_con0201_ri {display:none;}
.w_con0202_le {display:none;}
.w_con0202_ri {width:100%;float:none;padding-top:0;}
.w_con0203_le {width:100%;float:none; padding-top:0;}
.w_con0203_ri {display:none;}
.w_con02_info01 {width:100%; float:none; margin-right:0;}
.w_con02_info02 {width:100%; float:none; margin-right:0;}

.work_con03 {width:100%;position:relative; padding-top:30px; clear:both; background:#fff;}
.work_con03 ul  {width:90%; margin:0 auto; height:600px;}
.work_con03 ul li {width:100%; margin-bottom:20px;}
.w_con03 {height:350px;}
.w_con03_img {overflow:hidden; height:150px;}
.w_con03_txt {padding:0 20px;}
.w_con03_txt h4 {padding:15px 0 5px 0; font-size:13px;}
.w_con03_txt p {padding:0 0 10px 0;font-size:13px;}
.w_con03_txt ul li {font-size:12px; margin-bottom:0;}

.work_con01 ul {width:90%;}
.work_con01 ul li {width:50%; font-size:13px;padding-top:100px; height:150px;}
.work_con01 ul li p {padding:0 20px;}
.work_con01 ul li span { font-size:14px;}

.work_con04 { margin-top:50px; margin-bottom:20px; padding-bottom:50px;}
.w_con04 {width:90%;}
.w_con0401 {width:100%;}
.w_con0401 dl {width:100%;}
.w_con0401 dl dt {width:100%; font-size:15px;}
.w_con0401 dl dd {width:100%; font-size:13px;;margin-bottom:15px;}
.w_con0401 dl dd ul li {margin-bottom:5px;}
.w_con0401 dl dd ul li span {color:#000; font-weight:500;display:block;}
.w_con0402 {width:100%;}


.work_con05 {width:90%; padding-bottom:30px;position:relative; padding-top:30px; clear:both;}
.work_con0501 ul li {font-size:13px;width:100%;}
.work_con0502 {padding-top:30px;}
.work_con0502 img {width:100%;}
.work_con0502 p {font-size:13px;}

.work_con06 {width:90%; margin:0 auto;}
.work_con06 p {font-size:13px;}
.work_con06 ul  {width:100%; height:500px;}
.work_con06 ul li {width:50%; float:left; margin-bottom:30px;}
.w_con06 {background:#fff; width:90%; margin:0 auto; overflow:hidden;box-shadow:10px 10px 15px rgba(0,0,0,.2); border-radius:10px; border:1px solid #ececec;text-align:left; height:270px;}
.w_con06_img {overflow:hidden; height:100px;}
.w_con06_img img {width:100%;}
.w_con06_txt {padding:0 25px;}
.w_con06_txt h4 {padding:15px 0 5px 0; font-size:15px;}
.w_con06_txt p {padding:0 0 15px 0;font-size:13px;}

.work_con07 p {padding:0 20px 100px 20px;font-size:13px;}

.work_con08 {width:90%; padding-bottom:0;}
.work_con08 ul li { font-size:13px; padding:0 0 20px 15px;}
.work_con08 ul li span {padding:0px 0 5px 0;font-size:15px;}

.work_con09 {width:90%; padding-bottom:70px;}
.work_con09 ul li {font-size:13px; padding:0 0 10px 0;width:90%; height:auto; margin:30px 0; display:inline-block; padding:5%;}
.work_con09 ul li div {width:100%; margin:0 auto;}
.work_con09 ul li div p.img {}
.work_con09 ul li div p.img img {width:80%;}
.work_con09 ul li div p.tit {color:#000; font-size:17px;font-weight:500; padding:25px 0 20px 0;}
.work_con09 ul li div p.tit span {background:url("/img/sub/work_bg0301.png") no-repeat left 0; padding:10px 15px 10px 10px; font-size:13px; display:block;}
.work_con09 ul li div p.txt {height:auto;}
.work_con09 ul li div p.ad {padding:3px 0 3px 30px; margin:10px 0 0 0; font-size:12px;}
.work_con09 ul li div p.site { padding:3px 0 3px 30px; margin:10px 0 0 0; font-size:12px;}


.work_con09 ul li:nth-child(1){margin-left:0;}
.work_con09 ul li:nth-child(4){margin-right:0;}
.work_con09 ul li:nth-child(7){margin-right:0;}
.work_con09 ul li:nth-child(3){margin-left:0;}
.work_con09 ul li:nth-child(6){margin-left:0;}



.work_con09_01.tt_img ul li div p.img img {width:33%; opacity:100%;}
.work_con09_01 {width:90%; padding-bottom:70px;}
.work_con09_01 ul li {font-size:13px; padding:10px;width:95%; height:auto; margin:30px 0;}
.work_con09_01 ul li div {width:100%; margin:0 auto;}
.work_con09_01 ul li div p.img { padding:10px 0; }
.work_con09_01 ul li div p.img img {width:80%; opacity:100%;}
.work_con09_01 ul li div p.tit {color:#000; font-size:17px;font-weight:500; padding:0;}
.work_con09_01 ul li div p.tit span {background:url("/img/sub/work_bg0301.png") no-repeat 50px 0; padding:10px 15px 10px 0; font-size:13px; display:block;}
.work_con09_01 ul li div p.txt {height:auto;}
.work_con09_01 ul li div p a {background:#319fd4; color:#fff; border-color:#319fd4;}
.work_con09_01 ul li div .link_01{padding:20px 0;}


.work_con09_01 ul li:nth-child(1){margin-left:0;}
.work_con09_01 ul li:nth-child(4){margin-right:0;}
.work_con09_01 ul li:nth-child(7){margin-right:0;}
.work_con09_01 ul li:nth-child(3){margin-left:0;}
.work_con09_01 ul li:nth-child(6){margin-left:0;}



.work_con10 {width:90%; padding-bottom:70px; overflow:hidden;}
.work_con10 p {font-size:13px;}
.w_con10 p {background:none;padding:5px 0 0 0; font-size:12px;}

.work_con11 {background:#f0f1f5 url("/img/sub/work_bg0401__.png");  overflow:hidden;}
.w_con11 {width:90%; margin:0 auto; clear:both;padding-top:50px;}
.w_con11 ul {width:90%; font-size:13px; padding:0 0 15px 15px;}
.w_con11 ul li {font-size:13px;font-weight:300;padding:0 0 25px 15px;text-align:left;}
.w_con11 ul li h4 {font-size:15px;}
.w_con1102 img { width:150%;}

.work_con12 {margin-top:50px;}
.work_tab ul li a {font-size:13px;}

.w_con12 {width:90%;  padding-top:50px; font-size:13px; padding:30px 0 15px 0;}
.w_con12 ul li { width:100%; float:left;border-bottom:1px solid #ddd; margin-bottom:50px; padding-bottom:50px;}
.w_con12_le {float:left; width:100%;text-align:center; }
.w_con12_le img {width:150px;}
.w_con12_ri {float:right; width:100%;}
.w_con12_ri_info_t {margin:20px 0 20px 0; padding-bottom:20px;text-align:center;}
.w_con12_ri_info_t p.tit {font-size:17px;}
.w_con12_ri_info_t p.tit span {font-size:15px;}
.w_con12_ri_info_t p.day {font-size:13px; padding:5px 0;}
.w_con12_ri_info_t p.spot {font-size:13px; padding-bottom:5px;}
.w_con12_ri_info ul li{background:url("/img/sub/bl02.png") no-repeat 0 7px; color:#555;font-weight:300;padding:0 0 10px 15px;text-align:left;border-bottom:0;margin:0 0 3px 0; padding-bottom:0;}
.w_con12_ri_info ul li b {font-weight:500;color:#000; display:block;}

/*����*/
.view_webz_wrap {min-width:300px;}
.view_webz_bg01, .view_webz_bg02, .view_webz_bg03, .view_webz_bg04, .view_webz_bg05 {background:none;}
.view_webz_left {width:100%;height:auto;float:left; color:#000;text-align:left;position:relative;}
.view_webz_left_box_wrap {background:url("/img/sub/webz_img.png") no-repeat center 400px;height:100%;width:300px; margin:0 auto;}
.view_webz_left_box {background:#fff; width:210px; height:200px; margin:50px 0 0 0;box-shadow:none;}
.view_webz_left_box_info {padding:0 10px;}
.view_webz_left_box_info p.st01 {font-size:11px; padding:0 0 20px 0;font-weight:600;letter-spacing:0em;}
.view_webz_left_box_info p.st02 {font-size:12px;}
.view_webz_left_box_info p.st02 span {font-size:30px;}
.view_webz_left_box_info p.st03 { padding-top:10px; margin-top:20px;}
.view_webz_left_box_info p.st03 a {font-size:13px;}

.view_webz_right {width:100%; float:right; padding-bottom:0;background:#fff; min-height:700px;}
.view_webz_right_con {padding:0px 0 50px 0; text-align:center;}
.view_webz_right_con img {width:100%;}

.list_webz {margin:0 auto;width:90%;}
.list_webz ul li {float:left; width:50%; height:170px; margin-bottom:30px;}
.list_webz ul li div.wz_list {width:90%; margin:0 auto; height:350px; background:#fff;text-align:center; color:#000;}
.list_webz ul li div.wz_list p.img {border:1px solid #000; overflow:hidden;}
.list_webz ul li div.wz_list p.img img {height:120px;box-shadow:10px 10px 15px rgba(0,0,0,.2);}
.list_webz ul li div.wz_list p.vol {font-size:14px; padding:15px 0 5px 0;font-weight:400;}
.list_webz ul li div.wz_list p.vol span {font-size:20px;font-family: 'Ultra', serif;display:inline-block; }
.list_webz ul li p.img {overflow:hidden; height:170px;}
.list_webz ul li p.img img {width:auto;height:150px;box-shadow:10px 10px 15px rgba(0,0,0,.2);}

/* �����������_��ī�̺� */
.mo_arc_wrap {background:url("/img/sub/arc01_sec_bg.png");background-size:cover; padding:40px 0 0 0; height:200px; clear:both;position:relative;}
.mo_arc_tit {color:#fff;text-align:center;}
.mo_arc_tit h2 {font-size:50px;font-weight:300; padding-bottom:15px;}
.mo_arc_tit h2 span {font-weight:500;}
.mo_arc_tit p {font-size:15px; padding-bottom:50px;}
.mo_arc_ser {width:310px; margin:0 auto;}
.disnone {display:none;}
.mo_go_year {width:150px; height:40px; float:left; background:#fff; margin:0 5px 0 0;}
.mo_go_year p {text-align:left; background:url("/img/sub/go_bl.png") no-repeat right 20px; height:20px; color:#000; font-size:13px; padding:10px 30px 0 30px;font-weight:500;}
.mo_go_zone {width:150px; height:40px; float:left; background:#fff; margin:0 5px 0 0;}
.mo_go_zone p {text-align:left; background:url("/img/sub/go_bl.png") no-repeat right 20px; height:20px; color:#000; font-size:13px; padding:10px 30px 0 30px;font-weight:500;}
.mo_go_work {width:305px; height:40px; float:left; background:#fff; margin:5px 5px 0 0;}
.mo_go_work p {text-align:left; background:url("/img/sub/go_bl.png") no-repeat right 20px; height:20px; color:#000; font-size:13px; padding:10px 30px 0 30px;font-weight:500;}
#m_pic02{position:absolute;  margin-left:0; z-index:100;background:#fff; text-align:left;width:150px;margin-top:0px; color:#666;font-size:13px; letter-spacing:0px;}
#m_pic02 ul{float:left;padding:10px 0;margin:0;}
#m_pic02 ul li{display:block;padding:5px 20px;margin:0;background:none;}
#m_pic02 ul li.on {color:#000;}
#m_pic02 ul li a, a:link, #pic02 ul li a:visited{color:#000;text-decoration:normal;cursor:pointer;letter-spacing:0px;}
#m_pic03{position:absolute;  margin-left:0; z-index:100;background:#fff; text-align:left;width:150px;margin-top:0px; color:#666;font-size:13px; letter-spacing:0px;}
#m_pic03 ul{float:left;padding:15px 0;margin:0;}
#m_pic03 ul li{display:block;padding:5px 20px;margin:0;background:none;}
#m_pic03 ul li.on {color:#000;}
#m_pic03 ul li a, a:link, #pic03 ul li a:visited{color:#000;text-decoration:normal;cursor:pointer;letter-spacing:0px;}
#m_pic04{position:absolute;  margin-left:0; z-index:100;background:#fff; text-align:left;width:305px;margin-top:3px; color:#666;font-size:13px; letter-spacing:0px;}
#m_pic04 ul{float:left;padding:15px 0;margin:0;}
#m_pic04 ul li{display:block;padding:5px 20px;margin:0;background:none;}
#m_pic04 ul li.on {color:#000;}
#m_pic04 ul li a, a:link, #pic04 ul li a:visited{color:#000;text-decoration:normal;cursor:pointer;letter-spacing:0px;}
.mo_ser_input {float:left; margin:5px 0 0 0;}
.mo_ser_input input {display:inline-block; background:none; border:0; width:285px; height:40px; font-weight:500; font-size:13px; outline: none; color:#000;background:#fff;}
.mo_ser_btn  {float:left; margin:5px 0 0 0;}
.mo_ser_btn button { display:block; width:305px; height:40px; font-weight:500; font-size:13px;background:#fcb040;}

.mo_arc_result_wrap {width:100%; margin-top:50px;float:left;}
.mo_arc_result_top {width:100%;position:relative; font-size:13px; color:#666; height:20px;text-align:left;}
.mo_arc_result_top span {color:#0071ff;font-weight:bold;}

.mo_arc_result_list {border-top:1px solid #000;position:relative;width:100%;clear:both;}
.mo_arc_result_list ul li{display:table; table-layout:fixed; width:100%; overflow:hidden; border-bottom:1px solid #c5c8d3; padding:10px 0;}
.mo_arc_result_list ul li:last-child {border-bottom:1px solid #435057;}
.mo_arc_result_list ul li div.info {width:100%;float:left;}
.mo_arc_result_list ul li div.year {width:100%;float:left;}
.mo_arc_result_list ul li div.file {width:100%;float:left;padding-top:15px;}
.mo_arc_result_list ul li div.no{width:70px; float:left; padding-top:30px; text-align:center; font-size:13px;font-family: 'Roboto', sans-serif; display:none;}
.mo_arc_result_list ul li div.year p{display:table-cell; vertical-align:middle; height:25px; padding:20px 0 0 0; font-size:13px; color:#4f5355; text-align:center;width:40px;}
.mo_arc_result_list ul li div.info p.name {display:block;text-align:left; font-size:13px;font-weight:bold;}
.mo_arc_result_list ul li div.info p.data{ padding-top:5px;display:block; text-align:left; font-size:12px;font-weight:300;}
.mo_arc_result_list ul li div.info p.data span.town {color:#648bc6;display:inline-block; padding:0 10px 0 0;}
.mo_arc_result_list ul li div.info p.data span.mail {color:#b38e6a;display:inline-block;font-family:'Roboto', sans-serif; letter-spacing:0; }
.mo_arc_result_list ul li div.info p.txt {display:block;text-align:left; font-size:12px;font-weight:300; color:#777; padding-top:5px;}
.mo_arc_result_list ul li div.file a {display:inline-block;border-radius:20px;border:1px solid #ddd; padding:7px 20px; font-size:12px; color:#1a76f2;}
.mo_arc_result_list ul li div.file a:hover {border:1px solid #1a76f2;}





/* pc_��ī�̺� */
#wrap.index_wrap.scroll{margin-top:0;}

.index .idx_content{position:relative;}
.section{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.section .visual_bg{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center 0;background-size:cover;opacity:0.5;-webkit-transition-duration:1s; -webkit-transition-delay:0.3s; transition-duration:1s; transition-delay:0.3s;}
.section.active .visual_bg{opacity:1;}



.arc01_con_wrap {width:310px; margin:0 auto;text-align:center;}
.arc01_con {height:320px; top:50%;position:absolute; margin-top:-200px;}
.arc01_tit {color:#fff;text-align:center;}
.arc01_tit h2 {font-size:20px;font-weight:300; padding-bottom:15px;}
.arc01_tit h2 span {font-weight:500;}
.arc01_tit p {font-size:13px; padding-bottom:50px;}
.arc01_ser {width:310px; margin:0 auto;}
.go_year {width:150px; height:40px;}
.go_year p {height:30px; color:#000; font-size:13px; padding:10px 30px 0 30px;}
.go_zone {width:150px; height:40px; float:left; background:#fff; margin-right:5px;}
.go_zone p { height:30px; color:#000; font-size:13px; padding:10px 30px 0 30px;}
.go_work {width:305px; height:40px; float:left; background:#fff; margin:5px 5px 0 0;}
.go_work p {height:30px; color:#000; font-size:13px; padding:10px 30px 0 30px;}
#pic02{position:absolute;  margin-left:0; z-index:100;background:#fff; text-align:left;width:150px;margin-top:0; color:#666;font-size:13px;}
#pic02 ul{float:left;padding:15px 0;margin:0;}
#pic02 ul li{display:block;padding:5px 20px;margin:0;background:none;}
#pic02 ul li.on {color:#000;}
#pic02 ul li a, a:link, #pic02 ul li a:visited{color:#34465d;text-decoration:normal;cursor:pointer;letter-spacing:0px;}
#pic03{position:absolute;  margin-left:0; z-index:100;background:#fff; text-align:left;width:150px;margin-top:3px color:#666;font-size:13px;}
#pic03 ul{float:left;padding:15px 0;margin:0;}
#pic03 ul li{display:block;padding:5px 20px;margin:0;background:none;}
#pic03 ul li.on {color:#000;}
#pic03 ul li a, a:link, #pic03 ul li a:visited{color:#34465d;text-decoration:normal;cursor:pointer;letter-spacing:0px;}
#pic04{position:absolute;  margin-left:0; z-index:100;background:#fff; text-align:left;width:305px;margin-top:3px; color:#666;font-size:13px;}
#pic04 ul{float:left;padding:15px 0;margin:0;}
#pic04 ul li{display:block;padding:5px 20px;margin:0;background:none;}
#pic04 ul li.on {color:#000;}
#pic04 ul li a, a:link, #pic04 ul li a:visited{color:#34465d;text-decoration:normal;cursor:pointer;letter-spacing:0px;}
.ac_ser_input {float:left; margin:5px 0 0 0;}
.ac_ser_input input {display:inline-block; background:none; border:0; width:285px; height:40px; font-weight:500; font-size:15px; outline: none; color:#000;background:#fff;}
.ac_ser_btn {float:left;}
.ac_ser_btn button { display:inline-block; width:305px; height:40px; margin:5px 0 0 0; border: 0; cursor: pointer;background:#fff; font-weight:500; font-size:15px;}
.arc01_info{display:none;}


.arc02_con_wrap {width:90%;}
.arc02_con {height:510px; top:50%;position:absolute; margin-top:-275px;}
.arc02_con_le {display:none;}
.arc02_con_ri {width:100%;}
.arc02_con_ri div.tit {color:#fff; text-align:right; padding-right:25px;}
.arc02_con_ri div.tit h3 {font-size:20px; padding-bottom:10px;font-weight:300;}
.arc02_con_ri div.tit p {font-size:13px; padding-bottom:45px;}
.arc02_con_ri ul li {width:33.33333333%; float:left;}
.arc02_con_ri ul li div.arc02_info {width:90%; height:300px;box-shadow:10px 10px 15px rgba(0,0,0,.5);}
.arc02_con_ri ul li div.arc02_bg01 {background-size:100%;}
.arc02_con_ri ul li div.arc02_bg02 {background-size:100%;}
.arc02_con_ri ul li div.arc02_bg03 {background-size:100%;}
.arc02_con_ri ul li div.arc02_info p {padding:100px 10px 0 10px; font-size:12px;}
.arc02_con_ri ul li div.arc02_info p span {padding-bottom:10px; font-size:15px;}

.arc03_wrap {background:#888 url("/img/sub/arc03_sec_bg_.png") no-repeat 50% 100%; height:100%;}
.arc03_con_wrap {height:450px; top:50%;position:absolute; margin-top:-225px; width:100%;}
.arc03_con {width:90%; margin:0 auto; }
.arc03_tit {color:#fff; text-align:center;}
.arc03_tit h3 {font-size:20px; padding-bottom:10px;font-weight:300;text-align:center;}
.arc03_tit h3 span {font-weight:500;}
.m_act_info {display:none;}
.m_act_info_area {display:none;}
.m_arc03_info {display:block; color:#fff; font-weight:300; font-size:13px;text-align:center;}
.m_arc03_info ul {margin-top:20px;}
.m_arc03_info ul li {}
.m_arc03_info ul li span {font-weight:600; display:inline-block; padding:0 10px;}

.arc04_wrap {background:#fff url("/img/sub/arc04_sec_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;}
.m_st_wrap {width:100%; margin-top:-200px; height:400px; top:50%;position:absolute;}
.arc04_con {width:90%; margin:0 auto; }
.m_st_wrap .tit h3 span  {  font-weight:600;}
.m_st_wrap .tit h3 {padding:0 0 30px 0;letter-spacing:-0.1em;color:#fff; text-align:center;font-weight:300;font-size:20px;}
.m_arc04_info {display:block;color:#fff; font-weight:300; font-size:13px;text-align:center;}
.m_st_wrap .story_a_wrap {display:none;}

.arc05_wrap {background:#000 url("/img/sub/arc05_sec_bg_.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;}
.arc05_con {height:400px; margin-top:-200px; top:50%; position:absolute; width:100%;}
.arc05_con_wrap {width:90%; margin:0 auto; }
.arc05_tit h3 span  {  font-weight:600;}
.arc05_tit {display:block;}
.arc05_tit h3 {padding:0 0 30px 0;letter-spacing:-0.1em;color:#fff; text-align:center;font-weight:300;font-size:20px;}
.m_arc05_info {display:block;font-weight:300; font-size:13px;text-align:center;color:#fff;}
.arc_result_wrap {display:none;}


.section_wrap{position:relative;top:0;left:0;height:100%;}
.section_container{overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0;margin:0 auto;width:100%;height:100%;z-index:1;}



/* footer_area */

#fullpage .section.m_footer {height:550px !important; visibility: hidden;}
#fullpage .section.m_footer .fp-tableCell {height:550px !important;}
#fullpage .section.m_footer.active {visibility: inherit;} 


.arc_find_top {background:url("/img/sub/arc_find_bg.png") no-repeat center -30px;width:100%;float:left; padding:50px 0;clear:both; overflow:hidden;}
.arc_ft_con {width:320px;  margin:0 auto;}
.arc_find_result {width:100%;float:left; clear:both;background:#fff; margin-top:70px;}
.af_result_top {font-size:15px; color:#000; padding-bottom:15px;font-weight:500;}
.af_result_tip {font-size:12px; color:#666;text-align:left; border-top:1px solid #eee; padding:20px;}
.af_result_tip span {display:inline-block;vertical-align:middle; padding:3px 5px; }
.af_result_tip span img {margin-right:3px;}
.af_result_con {overflow:scroll; font-size:12px;}


/* inquiry */
.inq_wrap {width:90%; margin:0 auto; }
.inq_wrapper {width:100%;}
.inq_le_tit {width:100%; text-align:left; border-top:0; border-bottom:2px solid #000;}
.inq_le_tit span {padding:0 0 20px 0; font-size:18px;}
.inq_info {width:100%; text-align:left;color: #999;}
.chk_area02 { color:#888; line-height:28px; padding-top:10px;}
.chk_area02 input {border:1px solid #d2d2d2;background:#fff;}
.chk_area02 span {font-size:13px;width:;display:inline-block;padding-bottom:10px;}
.ipt_area02 {padding:20px 0;}
.ipt_line02 {padding:0 0 5px 0;}
.txt_input02{width:43%;height:35px;line-height:20px;padding:0 13px;font-size:13px;}
.txt_input02:focus{border:1px solid #333;background:#fff;color:#000; }
.txt_textarea02{width:95%;height:100px;line-height:30px;padding:0 13px;font-size:13px;}
.txt_textarea02:focus{border:1px solid #333;background:#fff;color:#000;}
.file_line02 {position:relative;padding:0;padding:0 0 5px 0;}
.file_line02 input.request_file2{width:100%;height:35px;line-height:20px;padding:0;color:#999;font-size:13px;position:absolute;z-index:2;background:#fff;}
.file_line02 .fake input{display:inline-block;width:70%;height:35px;line-height:20px;padding:0 13px; vertical-align:top;color:#999;font-size:13px;border:1px solid #ccc;border-radius:3px; background:#fff;}
.file_line02 .fake .btnfile{display:inline-block;height:35px;line-height:30px;width:15%;color:#fff;text-align:center;font-size:12px;z-index:1;border-radius:3px;background:#777;border:1px solid #777;}
.file_line02 p {font-size:13px; padding-bottom:5px;}

.txt_input002{width:80%;font-size:13px;}


.board_wrap {padding:20px 0 50px 0; font-size:13px; z-index:none; width:100%;}


/* �Խ��� */
.bbs_bg01 {background:url("/img/sub/bbs_bg01.png") no-repeat center 0;}
.bbs_bg02 {background:url("/img/sub/bbs_bg02.png") no-repeat center 0;}
.bbs_bg03 {background:url("/img/sub/bbs_bg03.png") no-repeat center 0;}
.bbs_bg04 {background:url("/img/sub/bbs_bg04.png") no-repeat center 0;}
.bbs_bg05 {background:url("/img/sub/bbs_bg05.png") no-repeat center 0;}
.bbs_bg06 {background:url("/img/sub/bbs_bg06.png") no-repeat center 0;}
.bbs_wrap {width:90%;  margin:0 auto; padding:10px 0 20px 0;overflow:hidden;}
.bbs_wrap02 {width:100%;  margin:0 auto; overflow:hidden;;padding:10px 0 20px 0; clear:both;}
.bbs_wrap02_le {display:none;}
.bbs_wrap02_ri {width:90%; float:none; margin:0 auto;}
.board_wrap {font-size:12px; }

.bg01{background:url("/img/sub/sub_01.png") no-repeat center 0; background-size:contain; }
.bg02{background:url("/img/sub/sub_02.png") no-repeat center 0; background-size:contain;}
.bg03{background:url("/img/sub/sub_03.png") no-repeat center 0; background-size:contain;}
.bg04{background:url("/img/sub/sub_04.png") no-repeat center 0; background-size:contain;}
.bg05{background:url("/img/sub/sub_05.png") no-repeat center 0; background-size:contain;}
.bg06{background:url("/img/sub/sub_06.png") no-repeat center 0; background-size:contain;}
.bg07{background:url("/img/sub/sub_07.png") no-repeat center 0; background-size:contain;}
.bg08{background:url("/img/sub/sub_08.png") no-repeat center 0; background-size:contain;}
.bg09{background:url("/img/sub/sub_09.png") no-repeat center 0; background-size:contain;}
.bg10{background:url("/img/sub/sub_10.png") no-repeat center 0; background-size:contain;}
.bg11{background:url("/img/sub/sub_11.png") no-repeat center 0; background-size:contain;}


.bg12{background:url("/img/sub/vol2/sub_01.jpg") no-repeat center 0; background-size:contain; }
.bg13{background:url("/img/sub/vol2/sub_02.png") no-repeat center 0; background-size:contain;}
.bg14{background:url("/img/sub/vol2/sub_03.png") no-repeat center 0;  background-size:contain;}
.bg15{background:url("/img/sub/vol2/sub_04.png") no-repeat center 0;  background-size:contain;}
.bg16{background:url("/img/sub/vol2/sub_05.png") no-repeat center 0;  background-size:contain;}
.bg17{background:url("/img/sub/vol2/sub_06.png") no-repeat center 0; background-size:contain;}
.bg18{background:url("/img/sub/vol2/sub_07.png") no-repeat center 0;  background-size:contain;}
.bg19{background:url("/img/sub/vol2/sub_08.png") no-repeat center 0;  background-size:contain;}
.bg20{background:url("/img/sub/vol2/sub_09.png") no-repeat center 0;  background-size:contain;}


.bg_interview{background:url("/img/sub/sub_interview.png") no-repeat center 0; background-size:contain;}
.bg_dream{background:url("/img/sub/sub_dream.png") no-repeat center 0; background-size:contain;}
.bg_photo{background:url("/img/sub/sub_photo.png") no-repeat center 0; background-size:contain;}
.bg_notice{background:url("/img/sub/sub_notice.png") no-repeat center 0; background-size:contain;}
.bg_comm{background:url("/img/sub/sub_comm.png") no-repeat center 0; background-size:contain;}




.bg01 .board_wrap {margin-top:40px; padding:0;}
.bg02 .board_wrap {margin-top:40px; padding:0;}
.bg03 .board_wrap {margin-top:40px; padding:0;}
.bg04 .board_wrap {margin-top:40px; padding:0;}
.bg05 .board_wrap {margin-top:40px; padding:0;}
.bg06 .board_wrap {margin-top:40px; padding:0;}
.bg07 .board_wrap {margin-top:40px; padding:0;}
.bg08 .board_wrap {margin-top:40px; padding:0;}
.bg09 .board_wrap {margin-top:40px; padding:0;}
.bg10 .board_wrap {margin-top:40px; padding:0;}
.bg11 .board_wrap {margin-top:40px; padding:0;}

.bg_interview .board_wrap{margin-top:40px; padding:0;}
.bg_dream .board_wrap {margin-top:40px; padding:0;}
.bg_photo .board_wrap {margin-top:40px; padding:0;}
.bg_notice .board_wrap {margin-top:40px; padding:0;}
.bg_comm .board_wrap {margin-top:40px; padding:0;}



/* �Խ��ǰ˻�  */
.lst_header{margin-bottom:15px; line-height:30px; width:90%;}
.lst_header .search{position:relative; width:100%; }
.lst_header .search input{width:calc(100% - 10px); padding-left:8px; height:28px; font-size:13px;}
.lst_header .search .btn_search{top:5px; right:0; display:inline-block; width:25px; height:34px; line-height:34px; text-align:center;}



/* ����¡  */
.paging{  clear:both;text-align:center; padding:0; margin:40px 0; position:relative; font-size:13px; line-height:20px; font-family: 'Roboto', sans-serif;}
.paging a{ display:inline-block; width:30px; height:30px; border:none; line-height:30px; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
.paging a:hover,
.paging a.on{ color:#2471c8; font-weight:bold; text-decoration:underline;}
.paging .direction,
.paging .direction:hover{ text-indent:-9999px; width:30px; height:30px; border:#ddd 2px solid; border-radius:50%;}
.paging .direction.prev{ background:url("/img/sub/paging_prev.png") 50% 50% no-repeat; margin-right:10px;}
.paging .direction.next{ background:url("/img/sub/paging_next.png") 50% 50% no-repeat; margin-left:10px;}
.paging .paging-pc{ display:inline-block;}
.paging .paging-m{ display:none;}

/* �Խ���btn */
.board_btn {padding-top:20px;}
.board_btn .btn_center {margin:0 30%; float:left;}
.grybt01 {font-size: 12px; height:30px; padding:5px 10px 0 10px; line-height:23px; border:none;}
.grybt02 {font-size: 12px; height:22px; padding:5px 5px 0 5px; border-radius:3px;margin-right:3px;}
.orgbt01 { font-size: 12px; height:30px; padding:5px 10px 0 10px; border-radius:50px; line-height:23px;}
.orgbt02 {font-size: 12px; height:30px; width:80px;padding:30px 0 0 40px; border-radius:50px;}
.blubt01 {font-size: 12px; height:30px; padding:5px 10px 0 10px; border:1px solid #00a7e1;border-radius:50px;}



.noti {position:absolute; z-index:10; margin:30px 0 0 -5px;}
.noti img {width:30px;}
/* new_������  */
.n_gallery_list {width:100%; margin:0 auto;}
.n_gallery_list ul li {width:50%; float:left; margin-bottom:30px;}
.n_gall_box {border:1px solid #d8d8d8; width:90%; height:270px; border-radius:15px; overflow:hidden; margin:0 auto;}
.n_gall_box .img {width:100%;height:150px;}
.n_gall_box .img img {height:auto; width:auto; overflow: hidden;}
.n_gall_box .info { text-align: left;overflow: hidden;position: relative;padding:10px 15px 0 15px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box .info p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box .info p.tit {padding:0 0 10px 0;font-size: 13px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis; height:24px;}
.n_gall_box .info p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.n_gall_box .info p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif;}
.n_gall_box .info p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box .info p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box .info p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box .info p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}

.n_gall_box .info02 { text-align: left;overflow: hidden;position: relative;padding:20px 15px 0 15px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box .info02 p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box .info02 p.tit {padding:0 0 10px 0;font-size: 13px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.n_gall_box .info02 p.txt {padding:0 0 10px 0; font-size: 12px; text-align: left; color: #777; overflow: hidden;text-overflow:ellipsis;}
.n_gall_box .info02 p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif; display:none;}
.n_gall_box .info02 p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box .info02 p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box .info02 p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box .info02 p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}

.n_gallery_list02 {width:100%; position: relative; text-align:center;}
.n_gallery_list02 ul li {width:50%; float:left; margin-bottom:30px;}
.n_gall_box02 {border:1px solid #d8d8d8;width:150px; height:270px; border-radius:15px; overflow:hidden; margin:0 auto;}
.n_gall_box02 .img {height:105px; width:100%; overflow: hidden; position: relative;z-index: 1; opacity:1;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s; border-bottom:1px solid #fff;}
.n_gall_box02 .img img {height:100px; width:auto; overflow: hidden;}
.n_gall_box02 .info { text-align: left;overflow: hidden;position: relative;padding:20px 25px 0 25px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box02 .info p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box02 .info p.tit {padding:0 0 10px 0;font-size: 13px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.n_gall_box02 .info p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.n_gall_box02 .info p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif;}
.n_gall_box02 .info p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box02 .info p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box02 .info p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box02 .info p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}

.n_gall_box02 .info02 { text-align: left;overflow: hidden;position: relative;padding:40px 35px 0 40px; letter-spacing: 0px; line-height: 1.4em;}
.n_gall_box02 .info02 p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.n_gall_box02 .info02 p.tit {padding:0 0 10px 0;font-size: 15px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.n_gall_box02 .info02 p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.n_gall_box02 .info02 p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif; display:none;}
.n_gall_box02 .info02 p.cate01 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #0047ff; overflow: hidden;}
.n_gall_box02 .info02 p.cate02 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #f47818; overflow: hidden;}
.n_gall_box02 .info02 p.cate03 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #4b9b3d; overflow: hidden;}
.n_gall_box02 .info02 p.cate04 {padding:0 0 5px 0; font-size: 12px; text-align: left; color: #ff2f43; overflow: hidden;}


/* type1 */
.lst_board.type1 {width:100%; position: relative; text-align:center;}
.lst_board.type1 ul li{display:block; height:64px; padding:10px 0;}
.lst_board.type1 ul li p{float:left; display:block; height:32px; line-height:32px; padding:0; font-size:11px;}
.lst_board.type1 ul li p.no{display:none;}
.lst_board.type1 ul li p.subject{width:calc(100% - 22px); padding:0 11px 0 0;}
.lst_board.type1 ul li p.subject a{max-width:calc(100% - 30px); font-size:13px;}
.lst_board.type1 ul li p.subject .lock{margin-left:4px; width:12px;}
.lst_board.type1 ul li p.subject span {display:block;}
.lst_board.type1 ul li p.author{width:calc(100% - 172px); padding:0 0 0 37px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lst_board.type1 ul li p.author .logintype{top:50%; left:11px; margin-top:-12px; width:23px; height:23px;}
.lst_board.type1 ul li p.date{width:64px; padding:0 11px;display:none;}
.lst_board.type1 ul li p.name{width:50px;}
.lst_board.type1 ul li p.state{width:71px;}
.lst_board.type1 ul li p.state span{width:60px; line-height:23px; font-size:11px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.lst_board.type1 .board_empty{line-height:160px; font-size:12px;}


/* type3 */
.lst_board.type3 ul li{display:table; table-layout:fixed; width:95%; height:190px; padding:0 10px;overflow:hidden; border-bottom:1px solid #c5c8d3;}
.lst_board.type3 ul li p{vertical-align:middle;  font-size:14px; color:#4f5355;}
.lst_board.type3 ul li p.detail{display:block; vertical-align:middle; max-width:calc(100%); font-size:13px; color:#777; text-overflow:ellipsis; overflow:hidden; padding-bottom:20px; line-height:20px;}
.lst_board.type3 ul li p.date{display:block; max-width:calc(100%);text-align:left; }
.lst_board.type3 ul li p.name{width:120px; font-size:12px; color:#1e8196;text-align:left;}
.lst_board.type3 ul li p.state{width:130px;display:table-cell;}

/* ����  */
.listen-list02 ul li {width:100%; float:left;}

/* view */
.viewType02 {position:relative;}
.viewType02 dt {border-bottom:1px solid #e5e4e4;padding:20px;}
.viewType02 dt .titA {font-size: 20px; line-height: 1.5; margin: 0 auto; text-align:center;padding:0 0 0 0; color:#000;}
.viewType02 dt .dateA {font-size: 14px; color: #666; text-align:center; padding:10px 0 30px 0;}
.viewType02 dt .dateA span {display:inline-block; padding-right:15px; font-size:13px;}
.viewType02 dt .cateA {font-size: 14px; color: #2d71c4; text-align:center; padding:10px 0 0 0;}
.viewType02 dd .fileA  {background: #f8f8f8; padding: 13px 0;width: 100%; border-top:1px solid #e5e5e5; font-size:13px;}
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666; font-size:11px;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 5px;  padding:5px 20px 5px 20px; position:relative;top: -2px; display:block;}
.viewType02 dd{padding:0 ; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .viewCon {color:#555; line-height:25px; padding:50px 0;}
.viewType02 dd .viewCon p > img{max-width:100% !important;}
.viewType02 dd .viewCon img{ max-width:100%; width: auto !important; height: auto;}

.viewType02 dt .dateA {color: #999; padding:10px 0 30px 0;font-size: 12px;  }
.viewType02 dt .dateA span {display:inline-block; padding-right:15px; font-size:12px;}
.viewType02 dd .dataA {text-align:left;padding: 13px 0;width: 100%; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .dataA ul li {padding:5px 10px;}
.viewType02 dd .dataA span {color:#000; display:inline-block; padding-right:15px; font-size:13px;}



.viewShiftA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; font-size:13px;}
.viewShiftA p{padding:15px 0; border-top:1px solid #e1e1e1; position:relative; color:#555;}
.viewShiftA p:first-child{border-top:none}
.viewShiftA .prvTit{position:absolute; left:20px; color:#000; display:inline-block; font-size:0;}
.viewShiftA .nxtTit{position:absolute; left:20px; color:#000; display:inline-block; font-size:0;}
.viewShiftA span.date{top:19px; right:0; color:#767676;}
.viewShiftA a{width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.viewShiftA a:hover{text-decoration:underline;}

.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7; }
.qna_viewA p.an {padding:25px;line-height:24px;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px 0;vertical-align:top;position:relative;height:120px;}
.qna_writeA p.qna_writeA_le {width:100%;display:inline-block; float:left; text-align:center;}
.qna_writeA p.qna_writeA_le textarea { display:inline-block;height:55px; padding:10px 0;}
.qna_writeA p.qna_writeA_ri {width:100%;display:inline-block; text-align:center; float:left;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:27px; padding-top:10px;text-align:center;}


.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7 url("/img/sub/ico_qna.gif") no-repeat scroll 25px 25px; }
.qna_viewA p.an {padding:25px 25px 25px 50px;color:#000; line-height:24px;font-size: 13px;}
.qna_viewA p.btn {padding:0 25px 25px 0;text-align:right;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px;vertical-align:top;position:relative;height:70px;}
.qna_writeA p.qna_writeA_le {width:90%;display:inline-block; float:left;}
.qna_writeA p.qna_writeA_le textarea {border:1px solid #ccc; width:100%; display:inline-block;height:55px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.qna_writeA p.qna_writeA_ri {width:7%;display:inline-block; float:right;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:45px; padding-top:30px;text-align:center;}


.message {padding-top:30px;}
.msg_write {margin-bottom:25px;}
.msg_write01 textarea, .msg_write01 textarea:focus{width:95%; border:0;background:none;height:80px; color:#666; padding:5px 0 0 10px; font-size:12px; line-height:20px;}
.msg_write02 {border-top:1px solid #f0f0f1;text-align:right;}
.msg_write03 {border-bottom:1px solid #f0f0f1;text-align:left; height:38px;}
.msg_write03 input {border:0;background:none; padding:5px 0 0 20px;}
.btn_msg {background:#00a7e1; width:100px; height:33px; color:#fff;display:inline-block;text-align:center; padding-top:5px; font-weight:700;}
.msg_total {text-align: left;font-size:12px; color:#666; padding-bottom:10px;}
.msg_total b {color:#000;}
.msg_list {width:100%; position: relative; text-align: left;border-top:1px solid #000; margin-bottom:45px;font-size:12px;}
.msg_list ul li {width:100%; padding:20px 0;border-bottom:1px solid #dfe0e1;}
.msg_list ul li p.name {padding-bottom:10px; color:#000; font-weight:700;}
.msg_list ul li p.name span {margin-right:10px; vertical-align:middle;}
.msg_list ul li p.txt {padding-bottom:5px; color:#626264;  text-overflow:ellipsis;}
.msg_list ul li p.date { color:#838486; font-size:12px;}
.msg_list ul li p.date  a {color:#999;}



/* write */
.wrt_board {position:relative;border-top:2px solid #000; } 
.wrt_board dl dt, .wrt_board dl dd{min-height:33px; padding:5px 0;}
.wrt_board dl dt{display: block;width:95px;  line-height:33px; font-size:12px; color:#000;}
.wrt_board dl dd{font-size:12px;display: block;}
.wrt_board dl.mdrop dt, .wrt_board dl.mdrop dd{display:block;}
.wrt_board dl.mdrop dt{padding-bottom:0;}
.wrt_board dl.mdrop dd{padding-top:0;}
.wrt_board dl dd .w1{width:70% !important;}
.wrt_board dl dd .w2{width:60% !important;}
.wrt_board dl dd .w3{width:24% !important;}
.wrt_board dl dd .frm_item label{line-height:33px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:90%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:none; width:100%;}
.wrt_board dl dd .frm_item.type1 label{width:35px;}
.wrt_board dl dd .frm_item.type2{float:none; margin-top:2px; width:100%;}
.wrt_board dl dd .frm_item.type2 label{width:35px;}
.wrt_board dl dd .wfull{width:95%;}
.wrt_board dl dd .textbox {color:#555; height:30px;}
.wrt_board dl dd .h_n {height:auto;}
.wrt_board dl dd span {font-weight:200; font-size:12px; padding:10px 0; color:#666; display:inline-block;}

.board_view_wrap {background:#000 fixed; width:100%; z-index:1100; position:absolute; height:100%; left: 0px; top: 0px; width: 100%;}
.board_view_btn a {z-index:10000; position:fixed;text-align:center;}


.mem_bg {background:#fff;}
/* ��� */
.law_top { border-bottom:1px solid #ccc; padding-bottom:25px;}
.law_info { padding:0 15px 100px 15px;width:90%; margin:0 auto;text-align:left;}
.law_info h4 {padding-top:20px;}
.law_info p {line-height:20px; padding:20px 0; font-size:12px;}
.law_info ul li { line-height:20px; padding-bottom:10px; font-size:12px;}
.law_info ul li ul { margin:10px 0;}


/* ����� */
.join_top {height:85px;}
.join_step {width:90%;}
.join_step ul li {padding:0px 0 30px 0; font-size:15px;}
.join_step ul li.icon01 {background:none;}
.join_step ul li.icon02 {background:none;}
.join_step ul li.icon03 {background:none;}
.join_step ul li span {font-size:11px;}

.login-bx {width:100%;background:#fff;}
.login-bx div.tc{ width:70%; margin:0 auto; padding:50px 0;}
.login-bx div.tc .inp{ padding:0;}
.login-bx div.tc .inp .input{ border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%; color:#999;}
.login-bx div.tc .inp .input.id{ background:url("/img/sub/icon_id.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.pw{ background:url("/img/sub/icon_pw.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.na{ background:url("/img/sub/icon_name.png") 0 50% no-repeat;}
.login-bx div.tc .inp+.inp{ margin-top:20px;}
.login-bx div.tc .chk{ padding:14px 0; text-align:right; color:#959595; display:block; font-size:12px;}
.login-bx div.tc .btn-box{ margin-top:10px;}
.login-bx div.tc .btn-box a{ width:100%; padding:15px 0; border-radius: 25px; background:url("/img/sub/btn_bg.png") 0 50% no-repeat; display:block; text-align:center; font-size: 16px;color: #fff;}

.login-bx div.box2{display:block; vertical-align:top;  color:#666;width:90%; margin:0 auto;}
.login-bx div.box2 dl{ float:left; width:100%;  padding:25px 0 50px 0;}
.login-bx div.box2 dl dt{ color:#000; text-align:center; padding:0 0 15px 0;}
.login-bx div.box2 dl dd{ font-size:12px; color:#777;  text-align:center;}
.login-bx div.box2 dl+dl{ border-top:#ddd 1px solid; }
.login-bx div.box2 dl .btnz{ position:relative; top:auto; right:auto; margin-top:10px; width:100%; display:block;}
.login-bx div.box2 dl .btnz .btlogin{ display:inline-block; width:100px; background:#fff; border:#ccc 1px solid; border-radius:15px; height:30px; line-height:30px; font-size:12px;}
.login-bx div.box2 dl .btnz .btlogin+.btlogin{ margin-top:0; margin-left:10px;}
.login-bx div.box2 dl+dl .btnz{ margin-top:10px;}

.joinA {width:90%;margin:0 auto; padding:50px 0 100px 0;text-align:left;}
.agree-box { height:200px; padding:30px; color:#666; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}
.agree-box h3 {padding:10px 0; font-size:14px; margin:5px 0;text-align:left;background:none;}
.agree-box h4 {padding-top:5px;text-align:left; font-size:14px;}
.agree-box p {line-height:20px; padding:10px 0; font-size:12px;}
.agree-box ul li { line-height:20px; padding-bottom:10px; font-size:12px;}
.agree-box ul li ul { margin:10px 0;}
.agree-box02 {height:500px; padding:30px; color:#666; font-size:13px; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}
.join_btn {margin-top:50px; width:100%; text-align:center;}

.agreeW{position:relative;  margin-top:10px;width:100%;}
.agree_check {position:relative;font-size:14px; padding:20px 0;;}
.agree_check span {display:inline-block;}
.agree_check span.ri {display:inline-block; float:right}
.agree_A {width:100%;position:relative;border:1px solid #d7d7d6;width:100%; color:#666; clear:both; padding:20px 0; overflow-y:scroll; margin-bottom:50px;}
.agree_A ul {width:90%; margin:0 auto; font-size:13px;}
.join_btn {margin-top:50px; width:100%; text-align:center;}
.mem_btn03{ width:40%; padding:12px 0; border-radius: 25px; background:url("/img/sub/btn_bg.png") 0 50% no-repeat; display:inline-block; text-align:center; font-size: 14px;color: #fff;}
.mem_btn04{ width:40%; padding:12px 0; border-radius: 25px; background:#fff; display:inline-block; text-align:center; font-size: 14px;color: #333; border:1px solid #ccc;}

.join_ok {width:100%; padding:50px 0 0 0; display:inline-block;vertical-align:top; text-align:center;  background-size:60px:}
.join_ok p.tit {font-size:20px; color:#333; font-weight:500;}
.join_ok p.tit span { color:#1a76f2;}
.join_ok p.txt {padding:20px 0; font-size:13px; color:#666;}
.join_ok p.btn {padding:50px 0 0 0;}

.sitemap {background:#fff; padding-top:30px;}
.sitemap ul {width:90%;}
.sitemap ul li {width:50%;}
.sitemap ul li ul {width:90%; margin:0 auto; height:300px;}
.sitemap ul li ul li {width:100%; float:left;font-size:13px; padding:5px 0;}
.sitemap ul li ul li a {color:#666;}
.sitemap ul li p {font-size:15px; width:90%; padding:5px 0; margin-bottom:10px;}


/*����*/
.mo_wzine {display:block; padding:0 30px; }
.mo_wzine ul {margin-bottom:50px;float:left;}
.mo_wzine ul li {width:40%; font-size:12px; color: #333; text-align:center; float:left;margin:0 5% 10px 5%; height:190px; }
.mo_wzine ul li a {color: #333;text-align:center;}
.mo_wzine ul li img {display:block; margin-bottom:10px; width:120px;text-align:center;}
.mo_wzine ul.txt {margin-bottom:30px;float:left;}
.mo_wzine ul.txt li {width:100%; font-size:13px; color: #333; text-align:left; float:left;margin:0 0 10px 0; height:50px; }
.mo_wzine ul.txt li a {color: #333;text-align:left;}

.pc_wzine { padding-bottom:30px;}

.wzine_noti {padding:20px 0; font-size:13px; color:#225ac6;display:block;}

}


@media only screen and (max-width: 425px) {

.work_con09_01.tt_img ul li {height: 210px;}
}