/* common */
@import url('../fonts.css'); 
* {margin:0; padding:0;}
html {font-family:"Noto Sans KR",sans-serif}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none}
img {border:0;vertical-align:top}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.green {color:#2fe19c}
.blue {color:#2f8fe1}
.red {color:#fc439f}
.red2 {color:#e6441f}
.left {float:left}
.right {float:right}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space70 {clear:both;height:70px}
.space140 {clear:both;height:140px}
.center {text-align:center}


/* wrap */
#wrap {width:100%}


/* header */
#header {width:100%}
#header .top {width:1100px;margin:0 auto}
#header .top .top_link {display:block;height:21px;font-size:11px;color:#888;text-align:right;padding-top:15px}
#header .top .top_link a {font-family:'³ª´®°íµñ';font-size:11px;color:#888;}
#header .gnb_wrap .left a {display:block;height:70px}
#header .gnb_wrap .gnb li {display:inline-block}
#header .gnb_wrap .gnb li:nth-last-of-type(1) a {padding-right:0}
#header .gnb_wrap .gnb a {display:block;padding:20px 20px 27px 20px ;font-size:17px;color:#121212;font-weight:500}
#header .main_bg {height: 500px;width: 100%;overflow: hidden}
#header .sub_bg {clear:both;background:url("../img/sub_bg.jpg") no-repeat center center;height:255px;min-width:1100px;padding-top:1px}




/* container */
#container {padding:24px 0 0 0}
#container .news_notice {float:left;width:307px}
#container ul.title {font-size:14px;font-weight:600;color:#646464;letter-spacing:-0.5px}
#container ul.title span {color:#2d6bb8}
#container ul.title .right {padding:7px 0 0 0}
#container .news_notice .content {line-height:1.4em}
#container .news_notice .content .left {font-family:'±¼¸²',gulim,dotum;font-size:12px;color:#737373}
#container .news_notice .content .right {font-family:'±¼¸²',gulim,dotum;font-size:11px;color:#999}
#container .content {clear:both;padding:17px 0 0 0}
#container .content .txt {font-size:13px;color:#747474;padding:5px 0 0 0}
#container .product {float:left;width:260px;margin-left:60px}
#container .customer {float:right;width:250px}
#container .customer li:nth-of-type(2) {padding-left:6px}
#container ul.title2 {font-size:14px;font-weight:500;color:#646464;letter-spacing:-0.5px}
#container ul.title2 span {color:#2d6bb8}
#container .img_over {width:1100px;margin:30px auto 0 auto}
#container .img_over li {width:16.666%;text-align:center}
#container .img_over .txt1 {font-size:20px;font-weight:500;color:#555}
#container .img_over .txt2 {font-size:13px;font-weight:350;color:#777;padding:10px 0}
#container .img_over a:hover .txt1 {color:#121212}
#container .img_over a:hover .txt2 {color:#222}
#container .training {background:#f2f4f7;height:630px}
#container .training .content {width:1100px;margin:0 auto}
#container .content .btitle {font-size:30px;font-weight:500;color:#000;text-align:center;padding-top:30px}
#container .content .stitle {font-size:16px;font-weight:350;color:#363636;text-align:center;padding:15px 0 40px 0}
#container .notice {width:440px;height:349px;background:#fff;padding:30px 24px;text-align:left}
#container .notice .detail {margin:20px 0 0 0}
#container .board_title {font-size:24px;font-weight:500;color:#121212}
#container .line {border-bottom:1px solid #e6e6e6;margin:20px 0}
#container .notice .detail .list_title .wdate span {font-size:32px;line-height:34px;font-weight:500}
#container .notice .detail .list_title .right {width:370px;padding:12px 0 0 17px}
#container .notice .detail .list_title .btitle2 {font-size:17px;color:#121212}
#container .notice .detail .list_title .stitle2 {font-size:14px;font-weight:350;line-height:1.7em;color:#747474;padding-top:10px}
#container .notice .detail .list_title .date2 {font-size:14px;font-weight:300;line-height:1.5em;color:#999;padding-top:5px}
#container .notice .detail .list {line-height:2.0em}
#container .notice .detail .list .left a {font-size:14px;color:#464646}
#container .notice .detail .list .right {font-size:13px;color:#888}
#container .notice .img {margin:110px 0 0 0}
#container .training .content .intro {width:286px;min-height:400px;background:#fff;margin-left:23px}
#container .training .content .intro .rolling {margin:60px 0 0 0}
#container .intro .board_title {padding:30px 24px 15px 24px}
#container .intro .detail .txt {font-size:13px;font-weight:350;line-height:1.5em;color:#747474;padding:0 24px 12px 24px;letter-spacing:0}
#container .training .content .tel 
{width:280px;height:409px}
#container .photoGallery {width:1100px;margin:0 auto}
#container .photoGallery .gallery a {float:left}
#container .photoGallery .btn_more {display:block;font-size:16px;color:#fff;text-align:center;width:270px;height:50px;line-height:50px;background:#282c31;margin:0 auto}
#container .site_wrap {border-top:1px solid #f0f0f0}
#container .site {width:1100px;margin:20px auto 0 auto}
#container .site a.link {display:inline-block;width:200px;text-align:center;border:1px solid #e6e6e6;margin:0 7px;padding:10px 0}
#container .main_line {border-bottom:1px solid #f0f0f0;margin-bottom:20px}




/* sub container */
#sub_container {position:inherit;clear:both}
#sub_container .sub_pos {width:100%;height:49px;border-bottom:1px solid #e6e6e6}
#sub_container .sub_pos .content {width:1100px;margin:0 auto}
#sub_container .sub_pos li.sub:nth-of-type(1) {width:60px;height:37px;padding:14px 0 0 0;text-align:center;background:url("../img/icon_home.gif") no-repeat center 14px;border-left:1px solid #e6e6e6}
#sub_container .sub_pos li.sub:nth-of-type(2) {width:auto;height:37px;padding:14px 30px 0 30px;font-size:16px;background:url("../img/icon_arrow.gif") no-repeat right 21px;border-left:1px solid #e6e6e6;color:#d00b0b;}
#sub_container .sub_pos .sub_sub {padding-left:20px}
#sub_container .sub_pos .sub_sub li a {display:block;font-size:16px;height:37px;line-height:23px;padding:14px 20px 0 20px;text-align:center;color:#777}
#sub_container .sub_pos .sub_sub li a.on {font-weight:400;color:#000}
#sub_container .sub_pos img {width:auto}
#sub_container .sub_title_wrap {width:1100px;margin:0 auto;text-align:center}
#sub_container .sub_title_wrap .sub_title {display:table;width:auto;height:90px;margin:60px auto 17px auto;padding:0 30px 35px 30px;font-size:38px;font-weight:600;color:#121212;text-align:center;background:url("../img/icon_dog.gif") no-repeat center 80px;overflow:visible}
#sub_container .sub_title_wrap .position {font-size:13px;font-weight:400;color:#777}
#sub_container .sub_content {width:1100px;margin:0 auto}
#sub_container .sub_tab {position:relative}
#sub_container .sub_tab li {display:inline-block;text-align:center;margin-bottom:3px;width:271px;height:43px;background:#f6f6f6;margin-right:2px}
#sub_container .sub_tab li a {display:block;line-height:43px;font-size:15px;color:#585858;cursor:pointer;border:1px solid #d3d3d3}
#sub_container .sub_tab li a.on {background:#329dbf;color:#fff;border:1px solid #329dbf}
#sub_container .title_bar {width:100%;height:40px;font-size:19px;color:#fff;padding-top:15px;text-align:center;background:#3c3f44}
#sub_container .tab_sub_title {background:url("../img/icon_title_dog.gif") no-repeat left top;padding-left:35px;font-size:20px;font-weight:600;color:#121212}
#sub_container .tab_content table {width:100%;margin:25px 0 0 0;border-top:2px solid #464646}
#sub_container .tab_content table td {font-size:15px;padding:10px 0 10px 2.7%;line-height:1.6em;color:#464646;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3}
#sub_container .tab_content table.type1 td {padding:10px 0}
#sub_container .tab_content table.type2 th {font-weight:500;padding:10px 0 10px 2.7%;text-align:left;color:#464646}
#sub_container .tab_content table th {font-size:15px;font-weight:500;color:#242424;padding:10px 0;text-align:center;background:#f8f8f8;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3}
#sub_container .tab_content table th p {font-size:13px;font-weight:300;color:#747474}
#sub_container .tab_content table .last {border-right:none}
#sub_container .tab_content table.type1 .last {text-align:center}
#sub_container .tab_content table tr:nth-of-type(1) td {margin:0;padding:0;border-top:none;border-bottom:none}
#sub_container .tab_content table td li {line-height:2em}
#sub_container .tab_content table td li .step {display:inline-block;max-width:35px;width:8%;height:17px;max-height:auto;background:#49545f;font-size:12px;color:#fff;text-align:center;line-height:17px;border-radius:10px;margin-right:10px;vertical-align:top;margin-top:6px}
#sub_container .tab_content table td .txt {display:inline-block;width:auto}
#sub_container .tab_content .etc {font-size:15px;color:#242424;padding:15px 0}
#sub_container .sub31_tab > ul > li {width:33.3%;text-align:center}
#sub_container .sub31_tab .img {display:inline-block;width:95px;text-align:left}
#sub_container .sub31_tab .txt {max-width:225px;margin:0 auto;text-align:left}
#sub_container .sub31_tab li .title1 {font-size:16px;font-weight:500;color:#2794ad}
#sub_container .sub31_tab li .title2 {font-size:16px;font-weight:500;color:#d68930}
#sub_container .sub31_tab li .title3 {font-size:16px;font-weight:500;color:#6e5ecd}
#sub_container .sub31_tab li .con {font-size:13px;color:#777;padding-top:10px}
#sub_container .sub31_tab li .con .pre {float:left;color:#121212}
#sub_container .sub31_tab li .con .ctxt {display:table}
#sub_container .sub_txt {font-size:15px;font-weight:400;color:464646;line-height:1.5em;padding-top:15px}
#sub_container .sub_txt2 {font-size:15px;font-weight:400;color:464646;line-height:1.8em;padding-top:15px}
#sub_container .sub_txt .num {display:inline-block;float:left;width:16px;max-width:8%;height:16px;background:#939393;font-size:10px;color:#fff;text-align:center;line-height:16px;border-radius:50%;margin-right:10px;vertical-align:top;margin-top:3px}
#sub_container .sub_txt .txt {display:table;width:auto}
#sub_container .sub_txt ol li {padding:5px 0}
#sub_container .sub_title_blue {font-size:17px;font-weight:500;color:#0072ba;padding:20px 0 15px 0}
#sub_container .sub_title_blue2 {font-size:17px;font-weight:500;color:#0072ba;padding:20px 0 0 0}
#sub_container .sub_title_red {font-size:15px;font-weight:400;color:#db6016;padding:15px 0 0 0} 
#sub_container .box_blue {display:inline-block;background:#3986ee;padding:5px 10px;font-size:15px;color:#fff;border-radius:5px;line-height:15px;margin-bottom:5px}
#sub_container .box_green {display:inline-block;background:#0cca92;padding:5px 10px;font-size:15px;color:#fff;border-radius:5px;line-height:15px;margin-bottom:5px}
#sub_container table.sub31 {width:100%;margin:15px 0 0 0}
#sub_container table.sub31 .need {background:#fdf7f7;color:#d90b0b}
#sub_container table.sub31 .last {line-height:1.8em}
#sub_container .sub31_bottom_content {display:block;padding:15px 3%;font-size:15px;color:#464646;line-height:1.8em;border:1px solid #e6e6e6;background:#f8f8f8}
#sub_container .sub31_bottom_content .point {font-size:16px;color:#242424;padding-bottom:5px}
#sub_container .sub31_bottom_content .point span {color:#ed6307}
#sub_container .content table {display:table;width:100%}
#sub_container .sub_toptxt_area {height:100px;background:#f8f8f8;border:1px solid #e7e7e7;font-size:15px;color:#464646;padding:0 3% 0 11%;background:#f8f8f8 url("../img/icon_toptxt.gif") no-repeat 3.5% center;vertical-align:middle}
#sub_container .s_txt {font-size:15px;color:#464646;padding:15px 0}
#sub_container .top10 {padding-top:10px}
#sub_container .sub11_title {width:80%;margin:0 auto;font-family:'NanumMJ';font-size:24px;color:#000;text-align:center;line-height:1.6em}
#sub_container .sub11_top li {width:25%;background:url("../img/icon_dotted.gif") no-repeat right center;text-align:center}
#sub_container .sub11_top li:nth-last-of-type(1) {background:none}
#sub_container table.tbl_sub11 tr:nth-of-type(1) td:nth-of-type(1) {border-right:none;border-top:2px solid #0098c8}
#sub_container table.tbl_sub11 tr:nth-of-type(1) td:nth-of-type(2) {border-right:none;border-top:2px solid #00b0a1}
#sub_container table.tbl_sub11 tr:nth-of-type(1) td:nth-of-type(3) {border-top:2px solid #464646}
#sub_container table.tbl_sub11 td {padding:10px 0;text-align:center}
#sub_container table.tbl_sub11 td.last {text-align:left;padding-left:4%}
#sub_container table.tbl_sub11 .month {background:#f8f8f8;color:#121212}
#sub_container table.tbl_sub11 .year {font-weight:400;color:#878787}
#sub_container table.tbl_sub11 .year span {font-weight:500;color:#121212}
#sub_container table.tbl_sub11 td.last .agree {background:#0098c8;padding:2px 5px;font-size:13px;color:#fff;border-radius:5px}
#sub_container .teacher {border-bottom:1px solid #c6c6c6;padding:30px 0;color:#464646}
#sub_container .teacher:nth-last-of-type(1) {border-bottom:none}
#sub_container .teacher .img {width:24%}
#sub_container .teacher .teacher_detail {width:76%}
#sub_container .teacher .teacher_detail .name span {background:#0098c8;padding:1px 5px;border-radius:5px;font-size:14px;color:#fff;margin-right:5px}
#sub_container .teacher .teacher_detail .name {font-size:17px;font-weight:500;padding:5px 0;height:40px;background:url("../img/icon_hdot.gif") repeat-x left bottom}
#sub_container .teacher .teacher_detail .work {display:inline-block;float:left;background:#49545f;padding:1px 
5px;border-radius:5px;font-size:14px;color:#fff;margin-right:15px;margin-top:5px}
#sub_container .teacher .teacher_detail .txt {display:table;line-height:1.8em}
#sub_container .teacher .teacher_detail .detail_work {display:block;margin:20px 0}
#sub_container .teacher .teacher_detail .detail_license {background:url("../img/icon_hdot.gif") repeat-x left top;padding-top:20px}
#sub_container table.sub41 th {padding:10px 0}
#sub_container table.sub41 .circle {display:inline-block;width:14px;height:14px;border-radius:50px;vertical-align:top;margin-top:5px}
#sub_container table.sub41 .cb {background:#464646;border:1px solid #464646}
#sub_container table.sub41 .cw {background:#fff;border:1px solid #464646}
#sub_container table.sub41 .circle:nth-of-type(2) {margin-left:15px}
#sub_container table.sub41_2 td,#sub_container table.sub41_2 th {padding:10px 0}
#sub_container table td.center,#sub_container table th.center {padding:10px 5px}
#sub_container table.sub41_4 td {padding:10px 2.7%}
#sub_container .sub21_img {margin-top:20px;padding:20px 20px;border:1px solid #ddd;max-width:930px;text-align:center}

#sub_container .title_sub_num {font-size:17px;font-weight:500;color:#0072ba;padding-top:20px}
#sub_container .title_sub_num img {vertical-align:top;padding-top:5px}
#sub_container .sub_sub_txt {background:#f8f8f8;padding:30px;color:#646464}
#sub_container .sub_sub_txt ul {width:100%}
#sub_container .sub_sub_txt,#sub_container .sub_sub_txt table td,#sub_container .sub_sub_txt table th {font-size:14px !important}
#sub_container .sub_sub_txt img {vertical-align:top;padding-top:2px}
#sub_container .sub_sub_txt li:nth-of-type(1) {width:25px}
#sub_container .sub_sub_txt li:nth-of-type(2) {vertical-align:top;width:calc(100% - 25px);line-height:1.5em}
#sub_container .sample {background:#fff;margin:20px 0;padding:25px 0 35px 0}
#sub_container .sample .table_title {color:#0072ba;text-align:center;padding:0 0 20px 0}
#sub_container .sample table {max-width:770px;width:95%;margin:0 auto}
#sub_container .ref {border:1px solid #d3d3d3}
#sub_container .ref .ref_area {border:8px solid #f8f8f8;padding:30px}
#sub_container .ref ul {margin:15px 0 0 0}
#sub_container .ref li:nth-of-type(1)  {width:25px}
#sub_container .ref li:nth-of-type(2) {width:calc(100% - 25px);line-height:1.5em}
#sub_container .ref_download {display:block;margin:35px 0 0 0;height:60px;line-height:60px;font-size:16px;color:#fff;font-weight:500;text-align:center;background:#0098c8}
#sub_container .ref_download img {vertical-align:top;padding:23px 5px 0 0}




/* footer */
#footer {clear:both;width:100%;text-align:center;padding-bottom:40px;background:#282828}
#footer .link {display:block;width:100%;border-bottom:1px solid #3e3e3e}
#footer .link a {display:block;height:35px;font-size:15px;font-weight:400;color:#bbb;padding:20px 13px 0 13px}
#footer .link .dot {font-size:15px;font-weight:600;color:#bbb;padding:20px 10px 0 10px}
#footer .copy,#footer .copy a  {padding-top:20px;font-size:14px;color:#919090;font-weight:400;line-height:1.8em}
#footer .copy span {font-weight:400;color:#cbcbcb}
#footer .copy span.gap {padding:0 5px;font-size:12px;color:#484848}
#footer .copy span.site {color:#cbcbcb}





/* roll_over */
.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
}

.img_over figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.img_over figure:hover figcaption {
	opacity: 1;

}


#header .gnb li {position:relative}
#header .gnb li .sub {display:none;padding:10px 0px;background:#2d6bb8; z-index:9999}
#header .gnb li .sub a {display:block;font-size:15px;font-weight:400; color:#fff; text-align:left;height:auto !important}
#header .gnb li .sub a:hover {color:yellow;}
#header .gnb li .sub1 {position:absolute;top:71px;left:-5px}
#header .gnb li .sub1 a {width:100px;padding:8px 25px}
#header .gnb li .sub2 {position:absolute;top:71px;left:-5px}
#header .gnb li .sub2 a {width:200px;padding:8px 25px}
#header .gnb li .sub3 {position:absolute;top:71px;left:-5px}
#header .gnb li .sub3 a {width:140px;padding:8px 25px}
#header .gnb li .sub4 {position:absolute;top:71px;left:-5px}
#header .gnb li .sub4 a {width:120px;padding:8px 25px}
#header .gnb li .sub5 {position:absolute;top:71px;left:-5px}
#header .gnb li .sub5 a {width:90px;padding:8px 25px}
#header .gnb li .sub6 {position:absolute;top:71px;right:0}
#header .gnb li .sub6 a {width:100px;padding:8px 25px}

/* °Ô½ÃÆÇ»ó´Ü °­Á¦ °ËÁ¤»öÀ¸·Î º¯°æ */
#ac_list,#ac_write,#ac_view {border-top:2px solid #000 !important}


/* ¹è°æ·Ñ¸µ*/
body .backgroundTransition {
  position: relative;
  overflow: hidden;
  background:url() center center no-repeat;
  min-width:1100px;
}

body .backgroundTransition .image-bottom, body .backgroundTransition .image-top {
  position: absolute;
  left: 0;
  top: 0;
  background:url() center center no-repeat;
  min-width:1100px;
}


/* ¹è³Ê·Ñ¸µ */
#als-content {
	position: relative;
	padding:0;
	width: 200px;
}

.als-container {
	position: relative;
	width: 100%;
}

.als-viewport {
	position: relative;
	overflow: hidden;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	cursor: pointer;
	float: left;
}

#lista1 {
	width:1100px;
	margin: 0 auto;
}

#lista1 .als-item {
	margin-right:25px;
	min-width: 200px;
	min-height: 56px;
}

#lista1 .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
}