@charset "euc-kr";
/***************************************/
/********* FONT FACE INTIALIZE *********/
/***************************************/
@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Light.eot');
    src: url('../fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-Light.woff2') format('woff2'),
         url('../fonts/NotoSans-Light.woff') format('woff'),
         url('../fonts/NotoSans-Light.otf') format('opentype');
	font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-DemiLight.eot');
    src: url('../fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-DemiLight.woff2') format('woff2'),
         url('../fonts/NotoSans-DemiLight.woff') format('woff'),
         url('../fonts/NotoSans-DemiLight.otf') format('opentype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Regular.eot');
    src: url('../fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-Regular.woff2') format('woff2'),
         url('../fonts/NotoSans-Regular.woff') format('woff'),
         url('../fonts/NotoSans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Medium.eot');
    src: url('../fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-Medium.woff2') format('woff2'),
         url('../fonts/NotoSans-Medium.woff') format('woff'),
         url('../fonts/NotoSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Bold.eot');
    src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-Bold.woff2') format('woff2'),
         url('../fonts/NotoSans-Bold.woff') format('woff'),
         url('../fonts/NotoSans-Bold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Black.eot');
    src: url('../fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-Black.woff2') format('woff2'),
         url('../fonts/NotoSans-Black.woff') format('woff'),
         url('../fonts/NotoSans-Black.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

/*ȸ»ç¼Ò°³*/

.introduce_wrap{
width:100%;
margin:0 auto;
overflow: hidden;
 margin-top: 150px;}

.introduce_wrap img{
float:left;
width:50%;
}


.introduce_text{
width:45%;
float:right;

box-sizing:border-box;}

.introduce_wrap h1{
font-size:40px;
font-weight:500;
color:#005ca8;
line-height:1.3em;
}

.inrtoduce_strong{
font-weight:900;
vertical-align:top;}

.introduce_wrap p span{
font-weight:900;
color:#005ca8;
}


.introduce_wrap p{font-size:20px;line-height:1.5em;word-break: keep-all;}


.introduce_wrap h4{
padding:30px 0px 0 0;
text-align:right;
font-size:22px; margin-bottom:50px;}

/*.square_bar{
margin:0 auto;
width:42px;
height:5px;
background-color:#000;
margin-bottom:10px;}*/

/*¿¬Çõ*/

.hisroty_wrap{
width:100%;
background:url(../img/history_bg.jpg) no-repeat;
background-size:cover;
overflow:auto;
text-align:center;
}



/*history*/
.history{position: relative; width: 100%; height: 811px;}
.history .line{position: absolute; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: url(../img/historyline.png)no-repeat; background-size: contain; }
.history .txt{width: 50%; letter-spacing: 0; margin-bottom: 50px;}
.history .txt li{float: left;}
.history .txt li.year{width: 100%; font-size: 42px; color: #005ca8; font-weight: 500; margin-bottom: 10px;}
.history .txt_right li.year::before{content: ''; width: 10px; height: 10px; background: #005ca8; position: absolute; top: 20%; left: -0.8%; border-radius: 50%;}
.history .txt_left li.year::before{content: ''; width: 10px; height: 10px; background: #005ca8; position: absolute; top: 24%; right: -0.9%; border-radius: 50%;}

.history .txt_right{position: relative; clear: both; float: right; padding-left: 40px;}
.history .txt_right li{float: left; text-align: left;}
.history .txt_right li.desc{width: 90%; font-size: 20px; color: #595959; font-weight: 400; padding-top:9px;}
.history .txt_right li.month{width: 10%; font-size: 30px; color: #595959; font-weight: 500; clear: both;}

.history .txt_left{position: relative; clear: both; float: left; width: 50%; padding-right: 40px;}
.history .txt_left li{float: right; text-align: right;}
.history .txt_left li.desc{width: 90%; font-size: 20px; color: #595959; font-weight: 400; padding-top:9px;}
.history .txt_left li.month{width: 10%; font-size: 30px; color: #595959; font-weight: 500;}


/*ã¾Æ¿À½Ã´Â±æ*/

.icon_wrap{
margin-top:77px;
margin-bottom:85px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
overflow:hidden;
}
.icon_wrap .iconwrap img {
    height: 72px;
}
.icon_wrap ul{
overflow:hidden;}

.icon_wrap li {
    float: left;
	width:33.3%;
	box-sizing:border-box;}

.icon_wrap .iconwrap{
text-align:center;
margin-top:40px;}

.bluuu{width:23px;height:2px;background-color:#1066ac;display:inline-block;margin-top:20px;}

.icon_wrap p{padding-top:15px;font-size: 17px;text-align:center;}





/*¼öÁßIPÄ«¸Þ¶ó*/
.gray_bg{
background-color:#f5f5f5;
width:100%;
margin-bottom:80px;
overflow:hidden;
padding:60px 0;
box-sizing:border-box;}
.gray_bg .wrap{padding: 0 25px;}

.slide_wrap{float:left;}


#adv-custom-pager {
    text-align: center;
    margin-top: 10px;
}


#adv-custom-pager a{
    display: inline-block;
    margin: 0 5px;}

#adv-custom-pager a.cycle-pager-active img {
    border: #1881e3 2px solid;}

#adv-custom-pager a img {
    display: block;
    width: 115px;
    height: auto;
    border: transparent 1px solid;}


.center external a{
width:40px;
height:80px;}

.watercamera ul,ol{list-style-type:none;}

.watercamera li{
position:relative;
padding:6px 0 0 14px;
font-size:19px;}


.watercamera li:before{
content:"";
display:inline-block;
width:2px;
height:2px;
background:#333;
position:absolute;
top:1em;
left:0;}

.right_box{
width:45%;
float:right;
display:inline-block;
padding-top:4%;}

.right_box h2{
margin-bottom:16%;}

/*.phone_box h4, .smallphone {float:left; padding:5px 3px 0 5px;}*/
.phone_box {position: relative;background-color: #fff;padding: 20px;box-sizing: border-box;border-radius: 8px;overflow:hidden;}
.phone_box .inquiry{position:absolute;top:23px;left:333px;}

.phone_box .inquiry_mobile{display:none;}

.waterobex_left img{
border:1px solid #ccc;
}
/*max-width:630px;*/

.waterobex_right img{
border:1px solid #ccc;}
/*max-width:656px;*/

.damdangja{display: inline-block; float:left; margin-bottom:0;}
.damdangja dt {
    display: inline-block;
    margin-right: 20px;
    float: left;
    font-size: 20px;
    font-weight: 500;
}
.damdangja dd {
    display: inline-block;
    font-size: 22px;
}
.damdangja dd i {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.damdangja dd i img {
    display: block;
}
.inquiry_btn {
    display: inline-block;
    margin-left: 20px;
    float: right; 
	vertical-align:middle;
}
.inquiry_btn a {
    display: block;
    background: linear-gradient(#3aace6, #1271d1);
    color: #fff;
    padding: 10px 29px;
	border-radius:5px;
}

.use_ex {
    clear: both;
    padding: 30px 112px;
    margin-top: 40px;
    background: #f2f2f2;
    border-radius: 5px;
}
.use_ex h2 {
    margin: 0 0 16px 0;
    font-size: 25px;
    color: #000;
}
.watercamera_right table {width:100%;border-top: 1px solid #ddd;}
.watercamera_right table th {font-weight: 500;font-size: 20px;color: #1a1a1a;padding: 10px;background-color: #1d76c1;text-align: center;border-bottom: 1px solid #2785d6;border-right: 1px solid #2785d6;color: #fff;}
.watercamera_right table td {font-size:17px; color:#666; padding: 10px; background-color: #fff; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; word-break: keep-all;}
.watercamera_right table td.left {text-align: left; word-break: keep-all;}
.watercamera_right table th:last-child, .watercamera_right table td:last-child {border-right:none; word-break: keep-all;}


/*Ç¥ ¼Ó¼º*/
.waterfloorspec_right table {width:100%;border-top: 2px solid #b1b1b1;margin-top:30px;}
.waterfloorspec_right table th {font-weight: 500;font-size: 20px;color: #1a1a1a;padding: 10px;background-color: #efefef;text-align: center;border-bottom: 1px solid #b1b1b1;border-right: 1px solid #b1b1b1;}
.waterfloorspec_right table td {font-size:17px; color:#666; padding: 10px; background-color: #fff; text-align: center; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; word-break: keep-all;}
.waterfloorspec_right table td.left {text-align: left; word-break: keep-all;}
.waterfloorspec_right table th:first-child {border-left: 1px solid #b1b1b1;}
.waterfloorspec_right table td:first-child {border-left: 1px solid #ddd;}

.watercamera_right2 table {width:100%;border-top: 1px solid #b1b1b1;margin-top:16px;}
.watercamera_right2 table th {font-weight: 500;font-size: 20px;color: #1a1a1a;padding: 10px;background-color: #efefef;text-align: center;border-bottom: 1px solid #b1b1b1;border-right: 1px solid #b1b1b1;}
.watercamera_right2 table td {font-size:17px; color:#666; padding: 15px 10px; background-color: #fff; text-align: center; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; word-break: keep-all;}
.watercamera_right2 table td.left {text-align: left; word-break: keep-all;}
.watercamera_right2 table th:first-child {border-left: 1px solid #b1b1b1;}
.watercamera_right2 table td:first-child {border-left: 1px solid #ddd;}
.mobile_txt {display:none;}
.snd_mobile {
    display: none;
    width: 100%;
    padding: 9px;
    box-sizing: border-box;
	border: #ddd 1px solid;
}
/*ÅÇ ºÎºÐ*/

.delivery .deliverytab { list-style: none;margin: 0;padding: 0;overflow: hidden; text-align:center; }
.delivery .deliverytab li { display: inline-block;border: 1px solid #fff ;width: 18%;text-align: center;margin-left:-4px;}
.delivery .deliverytab li a { display: inline-block;color: #000;text-align: center;text-decoration: none;padding: 10px;font-size: 19px;transition: 0.3s; width:100%; box-sizing:border-box; ;}
.delivery .tabcontent { display: none;background-color:#fff;padding: 6px 12px;color:#333;}
.delivery ul.deliverytab li.current{border-bottom: 2px solid #1881e3;}
.delivery ul.deliverytab li.current a { color:#1881e3; }
.delivery .tabcontent.current { display: block;
margin:40px 0; }


.watercamera_peel{
width:100%;
overflow:hidden;
margin:30px 0}
.watercamera_left{
width:43%;
float:left;}
.watercamera_left p{
color:#1881e3;}
.watercamera_right{
width:56%;
height:518px;
float:right;

}
.twoimg_box{
padding-top:10px;}

.ex01img{width:49%; float:left;}
.ex02img{width:49%; float:right;}

.watercamera_right img{padding-top:0px;}

.watercamera_left2{width:100%;float:left;}

.watercamera_right2 {
    width: 54%;
    float: right;}

.watercamera_left2 img{
border:1px solid #ccc;}


.watercamera_left2 img:nth-child(1) {
    width: 60%;
    float: left;
	margin-right:0px;}

.watercamera_left2 img:nth-child(2) {
    float: right;
    width: 38.7%;
    display: inline-block;}




.watercamera_left2 img:nth-child(3){
margin-top:16px; width:45%;
}
/*max-width:630px;*/





.app_ex {position: relative;clear: both;width: 100%;margin-top: 34px;}
.app_ex table {width:100%;border-top: 2px solid #b1b1b1;}
.app_ex table th {font-weight: 500;font-size: 15px;color: #1a1a1a;padding: 10px;background-color: #efefef;text-align: center;border-bottom: 1px solid #b1b1b1;border-right: 1px solid #b1b1b1;}
.app_ex table td {font-size:15px; color:#666; padding: 10px; background-color: #fff; text-align: center; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; word-break: keep-all;}
.app_ex table td.left {text-align: left; word-break: keep-all;}
.app_ex table th:first-child {border-left: 1px solid #b1b1b1;}
.app_ex table td:first-child {border-left: 1px solid #ddd;}



.waterobex_left{
width:49%;
overflow:hidden;
float:left;
box-sizing:border-box;}


.waterobex_right{
width:50%;
overflow:hidden;
float:right;
box-sizing:border-box;}


.waterobex_right img:nth-child(1){
margin-bottom:2%;}

.waterobex_wrap{
margin:20px 0;
width:100%;
overflow:hidden;}

.waterobex_inn img {
    display: block;
    width: 49%;
    float: left;
}
.waterobex_inn img:nth-child(2) {
    display: block;
    width: 49%;
    float: right;
}
.waterobex_inn img:nth-child(3) {
    clear:both;
    display: block;
    width: 49%;
    float: left;
	margin-top:2%;
}
.waterobex_inn img:nth-child(4) {
    display: block;
    width: 49%;
    float: right;
	margin-top:2%;
}

/*¼öÃþº°¼ö¿Â°üÃø±â_Á¦Ç°Æ¯Â¡*/
.waterfloorch_wrap{
width:100%;
margin:0 20px;
overflow:hidden;}
.waterfloor_leftpage{
width:72%;
overflow:hidden;
float:left;
box-sizing:border-box;
margin-left:0px;
}

.waterfloor_leftpage img{
padding-top:29px;
}
.leftin{
margin-left:-53px;
}



.waterfloor_rightpage{
width:27%;
overflow:hidden;
float:right;
box-sizing:border-box;
}


.wrap .right img:nth-child(1){
padding-bottom:1%;
}


/*#container h3{padding-left:50px;}*/

.waterfloorex ul,ol{list-style-type:none;}

.waterfloorex li{
position:relative;
padding:6px 0 0 14px;
font-size:19px;}


.waterfloorex li:before{
content:"";
display:inline-block;
width:2px;
height:2px;
background:#333;
position:absolute;
top:1em;
left:0;}



.watercamera_right ul,ol{list-style-type:none;}

.watercamera_right li{
position:relative;
padding:6px 0 0 14px;}


.watercamera_right li:before{
content:"";
display:inline-block;
width:2px;
height:2px;
background:#333;
position:absolute;
top:16px;
left:5px;}



/*¼öÃþº°¼ö¿Â°üÃø±â_Á¦Ç°»ç¾ç*/

.waterfloorspec_wrap{
width:100%;
overflow:hidden;
margin:0px;}


.waterfloorspec_left{
text-align:center;
width:100%;
overflow:hidden;
float:left;
boxsizing:border-box;}

.waterfloorspec_left p{color:#1881e3; text-align:center;}

.waterfloorspec_left h2 {
    font-size: 25px;
    margin-top: 10px;
}

.waterfloorspec_left img{
border:solid 1px #ccc;
padding:14px;}

.waterfloorspec_right{
width:100%;
overflow:hidden;
float:right;}



/*¼öÃþº°¼ö¿Â°üÃø±â_È°¿ë»ç·Ê*/

.waterfloorwrap {width:100%;}
.waterfloorleft{
width:100%;
overflow:hidden;
position:relative;
}

.bluebox{
width:104px;
height:40px;
position:absolute;
bottom:1px;
right:1px;
padding:7px 7px 7px 14px;
box-sizing:border-box;}


.waterfloorbox1{
width:33.3%;
position:relative;
overflow:hidden;
box-sizing:border-box;
float:left;}

.bluebox1{
position:absolute;
width:104px;
height:40px;
bottom:1px;
right:1px;
padding:7px 7px 7px 14px;
box-sizing:border-box;
}


.waterfloorbox2{
width:33.3%;
position:relative;
overflow:hidden;
box-sizing:border-box;float:left;}

.bluebox2{
position:absolute;
width:104px;
height:40px;
position:absolute;
bottom:1px;
right:1px;
padding:7px 7px 7px 14px;
box-sizing:border-box;
}

.waterfloorbox3{
width:33.3%;
position:relative;
overflow:hidden;
box-sizing:border-box;
}

.bluebox3{
position:absolute;
width:90px;
height:40px;
bottom:1px;
right:1px;
padding:7px 7px 7px 14px;
box-sizing:border-box;
}



.bluebox4{
position:absolute;
width:132px;
height:40px;
bottom:1px;
right:1px;
padding:7px 7px 7px 14px;
box-sizing:border-box;
}


.waterfloorleft img, .waterfloorright img{
border:1px solid #ccc;}

.waterfloorleft img{
display:block;
vertical-align:middle;}



.waterfloorright{
width:100%;
overflow:hidden;
display:inline-block;
padding-bottom:75px;}

.waterfloorright img:nth-child(1){
display:inline-block;
vertical-align:middle;
padding-right:0px;}

.waterfloorright img:nth-child(2){
display:inline-block; vertical-align:middle;}


.waterfloorright h2 { margin-top: 10px;}



/*ÇؾçÀåºñ±â¼ú_¼öÁßÄ«¸Þ¶ó¹×Ä¿³ØÅÍ*/
.aquaskill_table_wrap{
width:100%;
overflow:hidden;
padding-bottom:72px;}




/*
.aquaskill_table th{
text-align:center;
padding:13px;
width:55%;}

.aquaskill_table td{
padding:20px;
width:20%;}

.aquaskill_table_wrap h4{
font-size:21px;}


.aquaskill_table_wrap ul{}

.aquaskill_table_wrap li{
position:relative;
padding:6px 0 0 10px;
font-size:16px;}*/

.aquaskill_table_wrap table {width:74%;border-top: 1px solid #ddd; float:left;}
.aquaskill_table_wrap table th {font-weight: 500;font-size: 15px;color: #1a1a1a;padding: 12px;background-color: #1d76c1;border-bottom: 1px solid #2785d6;border-right: 1px solid #2785d6;color: #fff;}
.aquaskill_table_wrap table td {width:70%; font-size:15px; color:#666; padding: 19px; background-color: #fff; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; word-break: keep-all;}
.aquaskill_table_wrap table td.left {text-align: left; word-break: keep-all;}
.aquaskill_table_wrap table th:last-child, .aquaskill_table_wrap table td:last-child {border-right:none; word-break: keep-all;}


.aquaskill_table_wrap h3{padding-left:0;}
.aquaskill_table_wrap img{width:24%;overflow:hidden;float:right;}




.aquaskill_table_wrap ul,ol{list-style-type:none;}
.aquaskill_table_wrap li:before{
content:"";
display:inline-block;
width:2px;
height:2px;
background:#333;
position:absolute;
top:18px;
left:0;}

.aquaskill_table_wrap li{
position:relative;
padding:6px 0 0 10px;
font-size:16px;}

/*ÇؾçÀåºñ±â¼ú ¾Æ·¡ºÎºÐ*/
.aquaskill_bottom_wrap{
width:100%;
overflow:hidden;
margin-bottom:80px;}
.aquaskill_bottom_wrap h3{padding-left:0;}


.aquaskill_bottom_wrap .first_box{width:100%; float:left; margin-bottom:76px;}
.aquaskill_bottom_wrap .first_box img{float:left; width:50%;}
.first_boxin{float:right;width:49%;overflow:hidden; padding:180px 29px 162px 57px;}



.aquaskill_bottom_wrap .second_box{width:100%; float:left; box-sizing:border-box; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.aquaskill_bottom_wrap .second_box img{float:left; width:50%;}
.second_boxin{float:right;width:49%;overflow:hidden; padding:106px 14px 126px 53px;}
.second_boxin h4 {padding-bottom: 9px;}


.aquaskill_bottom_wrap .third_box{width:100%; float:left; border-bottom:1px solid #ddd;}
.aquaskill_bottom_wrap .third_box img{float:right; width:50%;}
.third_boxin{float:left; width:50%;overflow:hidden; padding:106px 44px 114px 6px;}
.third_boxin h4 {padding-bottom: 9px;}


/*.aquaskill_bottom_wrap img{border:solid 1px #ccc;display:block;}*/

/*¿¬±¸¿µ¿ª*/

.studywrap{width: 100%;
    overflow: hidden;
    margin-bottom: 100px;}
.studywrap img:nth-child(1){width:40%; overflow:hidden; float:left;}

.studywrap .info {float:right;width: 55%;overflow: hidden;}
.studywrap .info ul {margin-bottom: 30px;}
.studywrap .info ul li {text-align: left; position: relative;  padding: 6px 0 0 14px;  font-size: 19px; word-break:keep-all;}
.studywrap .info ul li:before {content: "";display: inline-block;width: 2px;height: 2px;background: #333;position: absolute;top: 1em;left: 0;}





@media all and (max-width:1299px){/*1299*/


.first_boxin {width: 100%;
    overflow: hidden;
	padding:0}

.second_boxin {
    width: 100%;
    overflow: hidden;
	padding:0;}

.third_boxin {
    width: 100%;
    overflow: hidden;
	padding:0;}




.first_boxin h4 {padding-top: 5px;}
.second_boxin h4 {padding-top: 5px;}
.third_boxin h4 {padding-top: 5px;}
.aquaskill_bottom_wrap .second_box{border:none;}
.aquaskill_bottom_wrap .third_box{border:none;}
.aquaskill_bottom_wrap .second_box img{float:none;}
.aquaskill_bottom_wrap .third_box img{float:none;}

.watercamera_left2 {
    width: 100%;}

/*.watercamera_left2 img:nth-child(1) {
width:49%;}
.watercamera_left2 img:nth-child(2) {
width:49%;}*/
.watercamera_left2 img:nth-child(3) {
width:44%;
margin-bottom:10px;}

.watercamera_right2 {
    width: 100%;
    margin-top: 0%;}

.watercamera_right2 {
    width: 55%;}


.twoimg_box {
    padding-top: 10px;
    margin-bottom: 32px;
    overflow: hidden;
    /* width: 100%; */
}



}/*1299*/

@media all and (max-width:1280px){
	img.smallphone {width: 35px;}
	.damdangja dt {margin-right: 11px;}
	.inquiry_btn {margin-left: 6px;}
	.inquiry_btn a {padding: 7px 29px;}

}
@media all and (max-width:1210px){/*1200*/
	.gray_bg .wrap {padding: 0 2%;text-align:center;}
	.slide_wrap {float: none;display: inline-block;}
	.right_box {width: 100%;float: none;clear:both;display: block;padding-top: 36px;text-align:center;}
	
.watercamera_right img:nth-child(2) {
    padding: 0px;}

.ex02img { padding-left: 0x;}

.watercamera_right {
    width: 100%;
    height:auto;
    margin-bottom: 0px;}
.waterfloorch_wrap {margin:0;}

.right_box h2 {margin-bottom:3%}


.watercamera_left {
    width: 100%;
}


.watercamera_right img:nth-chilid(1) {
  width:100%;}
.watercamera_right img:nth-chilid(2) {
  width:50%;}
.watercamera_right img:nth-chilid(3) {
  width:50%;}

.first_boxin h4 {padding-top: 5px;}
.second_boxin h4 {padding-top: 5px;}
.third_boxin h4 {padding-top: 5px;}
.aquaskill_bottom_wrap .second_box{border:none;}
.aquaskill_bottom_wrap .third_box{border:none;}
.aquaskill_bottom_wrap .second_box img{float:none;}
.aquaskill_bottom_wrap .third_box img{float:none;}


.twoimg_box {
    padding-top: 10px;
    margin-bottom: 32px;
    overflow: hidden;
}



}/*1200 ³¡*/




@media all and (max-width:1000px){/*1000*/


.watercamera{margin:0; !important;}
.watercamera_left {width: 100%;}
.watercamera_left2 {width: 100%;}
.ex02img { padding-left: 0;}
.watercamera_right {width: 100%;overflow: hidden; margin-bottom: 0px;}
.watercamera_right img {padding-top: 0px;}
.watercamera_right img:nth-child(1) {width:100%; padding:0px;}
.watercamera_right img:nth-child(2) {width:100%; padding:0px;}
.watercamera_right img:nth-child(3) {width:100%; padding:0px;}

.aquaskill_table_wrap img{
display:none;}

.aquaskill_table_wrap table {
    width: 100%;
    border-top: 1px solid #ddd;}


.first_boxin {
    float: right;
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 0px 0px;}


.second_boxin {
    width: 100%;
    overflow: hidden;
    padding: 0px;}

.third_boxin {
    width: 100%;
    overflow: hidden;
    padding: 0px;}

.aquaskill_bottom_wrap .second_box{border:none;}
.aquaskill_bottom_wrap .third_box{border:none;}
.aquaskill_bottom_wrap .second_box img{float:none;}
.aquaskill_bottom_wrap .third_box img{float:none;}
@media (max-width: 1200px)
.watercamera_right {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}

/*.watercamera_left2 img:nth-child(1) {
width:48%;}
.watercamera_left2 img:nth-child(2) {
width:48%;}*/
.watercamera_left2 img:nth-child(3) {
width:100%;}

.watercamera_right2 {
    width: 100%;}
.aquaskill_bottom_wrap .second_box img {width:100%;}
.aquaskill_bottom_wrap .third_box img {width:100%;}
}/*1000 ³¡*/




@media all and (max-width:768px){/*¸ð¹ÙÀÏ*/

.introduce_wrap {margin-top:50px;}

.introduce_wrap img {width: 100%;}
.introduce_text {width: 100%;}
.introduce_wrap h1 {
	padding-top:20px;
    font-size: 25px;
    font-weight: 500;
    color: #005ca8;
    line-height: 1.3em;}

.introduce_wrap p{
font-size:15px;}


.introduce_wrap h4 {
padding: 20px 0;
text-align: center;
font-size:18px;}



.hisroty_wrap{
width:100%;
background:url(../img/history_bg.jpg) no-repeat;
background-size:cover;
overflow:auto;
text-align:center;
}

.hisroty_wrap h1{
   font-size: 25px;
}

/*history*/
.history{position: relative; width: 100%; height: 611px;}
.history .line{position: absolute; left: 50%; transform: translateX(-50%); width: 2px; height: 121%; background: url(../img/historyline.png)no-repeat; background-size: contain; }
.history .txt{width: 50%; letter-spacing: 0; margin-bottom: 50px;}
.history .txt li{float: left;}
.history .txt li.year{width: 100%; font-size: 25px; color: #005ca8; font-weight: 500; margin-bottom: 10px;}
.history .txt_right li.year::before{content: ''; width: 10px; height: 10px; background: #005ca8; position: absolute; top: 20%; left: -2.8%; border-radius: 50%;}
.history .txt_left li.year::before{content: ''; width: 10px; height: 10px; background: #005ca8; position: absolute; top: 24%; right: -2.9%; border-radius: 50%;}

.history .txt_right{position: relative; clear: both; float: right; padding-left: 20px;}
.history .txt_right li{float: left; text-align: left;}
.history .txt_right li.desc{width: 90%; font-size: 15px; color: #595959; font-weight: 400; padding-left: 5px;}
.history .txt_right li.month{width: 10%; font-size: 15px; color: #595959; font-weight: 500; clear: both;}

.history .txt_left{position: relative; clear: both; float: left; width: 50%; padding-right: 20px;}
.history .txt_left li{float: right; text-align: right;}
.history .txt_left li.desc{width: 90%; font-size: 15px; color: #595959; font-weight: 400;  padding-right: 5px;}
.history .txt_left li.month{width: 10%; font-size: 15px; color: #595959; font-weight: 500;}



.icon_wrap {margin:30px 0;padding-bottom:20px;}

.icon_wrap li{width:100%;overflow:hidden;box-sizing:border-box;}

.icon_wrap p{word-break:keep-all;text-align: left; margin-left: 90px;margin-bottom:0; font-size: 15px;}

.icon_wrap .iconwrap br, .icon_wrap .iconwrap .bluuu {display:none;}
.icon_wrap .iconwrap img {height: 72px;display: inline-block;float: left;margin-right: 13px;margin-left: 13px;}
#adv-custom-pager a img {display: block;width: 90px;height: auto;border: transparent 1px solid;}
.right_box h2{font-size:28px;margin:21px auto;text-align:center;}

.phone_box .inquiry{display:none;}
.phone_box .inquiry_mobile{display:block;position:absolute;bottom: 22%;right: 5%;}

.delivery .deliverytab li {display: inline-block;border: 1px solid #fff;width: 24%;text-align: center;margin-left: -4px;}
.use_ex {padding:20px;}
.delivery .deliverytab li a {display: inline-block;color: #000;text-align: center;text-decoration: none;padding: 10px;font-size: 20px;transition: 0.3s;width: 100%;box-sizing: border-box;}
.use_ex h2 {margin: 0 0 12px 0;font-size: 21px;color: #000;}

/*¼öÁßIPÄ«¸Þ¶ó*/

.watercamera_left {width:100%;overflow:hidden;}

.watercamera_left h2{text-align:center;}

.aquaskill_bottom_wrap h3 {text-align: center;margin-bottom: 20px;}
.watercamera_right {width: 100%;overflow:hidden;margin-bottom: 3%;height:auto;}
.watercamera li, .waterfloorex li, .studywrap .info ul li  {font-size: 15px;}

.watercamera_right img {width:100%;overflow:hidden;}

.watercamera_right img {padding: 0px;}

.watercamera_right img:nth-child(2) {padding: 0px 0;}

table th, table td {font-size:16px !important;}
.watercamera_left2 {width: 100%;}

/*.watercamera_left2 img:nth-child(1), .watercamera_left2 img:nth-child(2) {
    width: 50%;
   overflow:hidden;
   float:left;}

.watercamera_left2 img:nth-child(1), .watercamera_left2 img:nth-child(3){
margin:0;}
*/
.watercamera_left2 img:nth-child(3){width: 100%;overflow:hidden;float:left;}

.watercamera_right2 {width: 100%;margin-top:20px;}
.waterobex_left {width:100%;box-sizing: border-box;margin-bottom:8px;}

.waterobex_left img {border: 1px solid #ccc;}
.waterobex_right {width: 100%;overflow: hidden;float: right;box-sizing: border-box;}

/*¼öÃþº° ¼ö¿Â°üÃø±â*/

.waterfloor_leftpage {width: 100%;overflow: hidden;box-sizing: border-box;margin-left: 0px;padding:0px;}
.waterfloor_leftpage h2{text-align:center;}

.waterfloor_rightpage {width: 100%; overflow: hidden;box-sizing: border-box;}

.waterfloor_rightpage img{width:100%;}



.waterfloorch_wrap {
    width: 100%;
   margin: 0px; 
    overflow: hidden}

.waterfloorspec_wrap {
    width: 100%;
    overflow: hidden;
    margin: 0px;
	text-align:center;
}


.waterfloorspec_left {
    width: 100%;
    overflow: hidden;
}

.waterfloorspec_left h2 {
    font-size: 21px;
    margin-top: 10px;
}

.waterfloorspec_right {
    width: 100%;
    overflow: hidden;
	padding-top:20px;
}

.waterfloorleft {
    width: 100%;
    overflow: hidden;
    float: left;
	padding-bottom:0;}


.waterfloorright {
    width: 100%;
    overflow: hidden;
    float: right;}

.waterfloorleft img:nth-child(1){
    display: block;
    vertical-align: middle;
    margin-bottom: 0px;}

.waterfloorright img:nth-child(1) {
    margin-bottom: 0px;
}

.aquaskill_table {
    width: 100%;
    overflow: hidden;
}

.aquaskill_table_wrap img{display:none;}

.aquaskill_table th {
    padding: 18px;
    width: 55%;
}

.aquaskill_table td {
    padding: 15px;
    width: 45%; word-break: keep-all;}

.aquaskill_bottom_wrap .first_box {
width: 100%;}

.aquaskill_bottom_wrap .second_box {
width: 100%;
float: left;
 margin: 0%;
box-sizing: border-box;
}

.aquaskill_bottom_wrap .third_box {
width: 100%;}

.first_boxin {
width:100%;
overflow: hidden;
 padding: 0;}

.second_boxin {
    float: right;
    width: 100%;
    overflow: hidden;
    padding:0px;
}


.third_boxin {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0px}

.aquaskill_bottom_wrap .third_box img {
    float: none;}

.aquaskill_bottom_wrap .second_box {
  width: 100%;
  border:0px;}


.aquaskill_bottom_wrap .third_box {
  width: 100%;
  border:0px;}
  
 

 
 .aquaskill_table_wrap table {
    width: 100%;
    border-top: 1px solid #ddd;
}


.second_boxin h4 {
    padding: 12px 0px;
}

.third_boxin h4 {
    padding: 12px 0px;
}

.watercamera_left2 {
    width: 100%;}

.watercamera_left2 img:nth-child(1) {
width:100%; margin-bottom: 2%;}
.watercamera_left2 img:nth-child(2) {
width:100%;}
.watercamera_left2 img:nth-child(3) {
width:100%;}


  }/*¸ð¹ÙÀÏ ¿©±â±îÁö*/

@media all and (max-width:640px){

  .waterfloorbox1, .waterfloorbox2, .waterfloorbox3 {width:100%;}
  .app_ex {overflow-x:scroll;}
  .app_ex table {min-width:500px;}
  .mobile_txt {display:block;padding-top:10px;}
 }
@media all and (max-width:540px){
	.phone_box {text-align:center;}
	.damdangja {display: inline-block;float: none;margin-bottom: 20px;}
	.inquiry_btn {margin-left: 0;clear: both;float: none;display:block;}
	.inquiry_btn a {padding: 11px 40px;display: inline-block;}
	.gray_bg {margin-bottom:30px;}

}

@media all and (max-width:440px){

	.gray_bg {padding:30px 0;}
	#adv-custom-pager a img {width: 72px;}
}


@media all and (max-width:410px){

	.damdangja dt {display: none;}
	.delivery .deliverytab li {display: block;width: 33.3%;text-align: center;margin-left: 0;float: left;}
	.delivery .deliverytab li a {display: block;font-size: 17px;padding:10px 0;}
	.right_box h2 {font-size: 23px;margin: 17px auto;}
	.damdangja dd {font-size: 18px;}

}
@media all and (max-width:336px){
	#adv-custom-pager a img {width: 66px;}

}