@charset "utf-8";
@import url(http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

/* 공 통 영 역 사 항 */
*{ box-sizing: border-box; font-family: "NanumSquare", sans-serif; transition:  }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html{overflow-y:scroll}
html,body{height:100%}
body{background-color:#fff;}
img{ vertical-align: middle;}
img,fieldset{border:0}
ul,ol{list-style:none}
li {vertical-align:top;}
address, caption, cite, code, dfn, em {font-style: normal; font-weight: normal;}
table { width: 100%; border-collapse: collapse; }
a{text-decoration:none;color:#3c3c3c}
a:hover,a:active,a:focus{text-decoration:none}
hr{display:none}
legend,.u_hc{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
img,button{border:0}
label,button,a{cursor:pointer}
a:active{background-color:transparent}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img, button {border: 0; margin:0;}
dl,div, li, dd, p { margin:0; padding:0; }
td,td li,td p,td dd,td dt { word-wrap:break-word; word-break:break-all; line-height: 1.55;	margin:0;padding:0; }



/* 헤 더 영 역 사 항 */
#header { position: relative; padding:10px 0px; border-bottom: 1px solid #ddd; }
#header .logo { text-align: center; }
#header .logo img { width: 110px; }
#header .nav { position: absolute; left: 17px; top: 17px; background-image: url("../img/nav-icon.png"); background-repeat: no-repeat; background-position: center; }
#header .nav a { display: block; width: 31px; height: 30px; text-indent: -9999px;  }
#header .navList { display: none; width: 100%; margin-top: 64px;position: fixed; top: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.75); z-index: 10; overflow: hidden; }
#header .navList.active { display: block; }
#header .navList .inner { background-color: #fff; }
#header .navList .tab { overflow: hidden; }
#header .navList .tab a { background-color: #26c35c; float: left; width: 50%; padding:15px; font-size: 16px; color:#fff; text-align: center; }
#header .navList .tab a:first-child { border-right: 1px solid #ddd; }
#header .navList .list .depth li { padding: 10px 15px 10px 30px; border-bottom: 1px solid #ddd; }
#header .navList .list .depth li a { font-size: 14px; color:#403f3f; }
#header .navList .list .depth li a:hover,
#header .navList .list .depth li a.active { color:#ee5824; }
#header .mypage { position: absolute; right: 10px; top: 20px; }
#header .mypage img { width: 80px; }


/* 슬 라 이 드 영 역 사 항 */
#visual .bx-wrapper { margin-bottom: 0px; }
#visual ul.bxslider li { padding: 20px 0px 50px 0px; }
#visual ul.bxslider li.one { background-color: #7583c5; }
#visual ul.bxslider li.two { background-color: #51b6a4; }
#visual ul.bxslider li.three { background-color: #33afcb; }
#visual ul.bxslider li.four { background-color: #f3a978; }
#visual ul.bxslider li img { width: 100%; }
#visual ul.bxslider li .description{ position: relative; }
#visual ul.bxslider li .description .title{ text-align: center; padding:0px 10px; font-size: 22px; color: white; font-weight: 900; word-spacing: 3px; margin-bottom: 10px; }
#visual ul.bxslider li .description .text{ padding:0px 10px; text-align: center; font-size: 14px; color: white; word-spacing: 2.8px; line-height: 20px; margin-bottom: 15px; }
#visual ul.bxslider li .text .yellow{ display: inline-block; color: #ffff00; font-weight: 900; }
#visual ul.bxslider li .description .button { text-align: center; }
#visual ul.bxslider li .description .button a { display: inline-block; font-size: 14px; color:#fff; padding: 10px 15px; border:1px solid #fff; border-radius: 30px; }
#visual .bx-wrapper .bx-pager { bottom: 20px; }
#visual .bx-wrapper .bx-pager.bx-default-pager a { background-color: inherit; border:2px solid #fff; }
#visual .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff; }
.oitalkSlider .bxslider li { text-align: center; }
.oitalkSlider .bxslider li img { max-width: inherit; width: 100%; }
.oitalkSlider .bxslider li .description{ position: relative; padding-top:20px; }
.oitalkSlider .bxslider li .description .icon img { width: inherit; margin: 0 auto; }
.oitalkSlider .bxslider li .description .title{ padding-top: 11px; padding-left: 27px; font-size: 20px; margin-bottom: 10px !important; }
.oitalkSlider .bxslider li .description .text{ padding-top: 14px; font-size: 13px; color: #aaaaaa; line-height: 20px; }
.oitalkSlider .bxslider li .description .more{ margin-top: 10px; }
.oitalkSlider .bxslider li .description .more a{ font-size: 18px; color: #0096ff; text-decoration: underline; }
.oitalkSlider #button { text-align: center; margin-bottom: 20px; }
.oitalkSlider #button a {  display: inline-block; padding-bottom: 10px; border-bottom: 2px solid #ddd; }
.oitalkSlider #button a.active { border-bottom: 2px solid #1ba8ba; }
.oitalkSlider #button a.none { display: none; }
.oitalkSlider .bx-wrapper { padding:0 20px; }


/* 메 인 컨 텐 츠 영 역 사 항 */
#content .oitalkWhat { padding:20px 0px; }
#content .oitalkWhat .title { font-size: 17px; font-weight: bold; text-align: center; margin-bottom: 20px; }
#content .oitalkFeature { padding: 20px 0px; border-top: 1px solid #ddd; }
#content .oitalkFeature .title { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 20px; }
#content .oitalkFeature .section { overflow: hidden; padding:0px 20px; }
#content .oitalkFeature .section .item{ width: 100%; }
#content .oitalkFeature .section .item .img{ padding-top: 38px; }
#content .oitalkFeature .section .item .img img { width: 100%; }
#content .oitalkFeature .section .item .title{ padding-top: 30px; width: 100%; font-size: 18px; text-align: center; color: #5ea7df; }
#content .oitalkFeature .section .item .list{ padding-left: 30px; }
#content .oitalkFeature .section .list ul{ } 
#content .oitalkFeature .section .list li{ list-style-type: disc; font-size: 13px; margin-bottom: 4px; }

/* 서 브 컨 텐 츠 영 역 사 항 */
.subTab { border-bottom: 1px solid #ddd; }
.subTab ul { font-size: 0px; text-align: center; }
.subTab li { display: inline-block; margin:0 3px; }
.subTab li a { display: block; font-size: 12px; padding:20px 3px; border-bottom: 2px solid #fff; }
.subTab li.active a { color:#198a99; border-bottom: 2px solid #198a99; }
.service .item { position: relative; padding:20px; }
.service .item.n1{ padding-top: 85px; padding-bottom: 33px; }
.service .item .title{ text-align: center; font-size: 30px; padding-top: 10px; margin-bottom: 10px; }
.service .item .item_img img { width: 100%; }
.service .item.n1 .down div{ box-sizing: border-box; height: 44px; width: 181px; padding-top: 13px; text-align: center; font-size: 15px; color: #50b8a1; border: solid 2px #50b8a1; border-radius: 22px; margin:0 auto; }
.service .item.n1 .text{ padding-top: 32px; text-align: center; font-size: 14px; line-height: 22px; color: #a1a1a1; margin-bottom: 20px; }
.service .item .blue{ font-size: 16px; display: inline-block; color: #1ba8bb; line-height: 20px; margin-bottom: 20px;}
.service .item .bold{ display: inline-block; font-weight: 900; }
.service .item .black{ display: inline-block; color: black; }
.service .item.n2 {    background: #e4f1fa;}
.service .item.n2 .title{ font-size: 22px; margin-bottom: 10px; }
.service .item.n2 .margin>.text{  padding-top: 29px; font-size: 14px; color: #a1a1a1; line-height: 22px; margin-bottom: 20px; }
.service .item.n2 .sub_text{ position: relative;  padding-top: 10px; margin-bottom: 20px; }
.service .item.n2 .sub_text .img { position: absolute; top: 0px; left: 10px;}
.service .item.n2 .sub_text .text { font-size: 13px; padding-left: 70px; line-height: 20px; }
.service .item.n3{ padding-bottom: 19px; }
.service .item.n3 div.title{ font-size: 22px; padding-top: 26px; }
.service .item.n3 .margin>.text{ font-size: 14px; text-align: center; line-height: 22px; margin-top: 17px; color: #a1a1a1; margin-bottom: 20px; }
.service .item.n3 .sub_text{ color: #a1a1a1; position: relative; overflow: hidden; margin-bottom: 20px; }
.service .item.n3 .sub_text.n2{ margin-bottom: 25px; }
.service .item.n3 .sub_text .img{ position: absolute; top: 0px; left: 10px; }
.service .item.n3 .sub_text .text{ font-size: 13px; padding-left: 70px; line-height: 20px; }
.service .item.n4{ background: #e4f1fa; }
.service .item.n4 div.title{ font-size: 24px; margin-bottom: 15px;  }
.service .item.n4 .margin>.text{ color: #a1a1a1; font-size: 14px; line-height: 22px; margin-bottom: 10px; }
.service .point { overflow: hidden; padding: 20px 20px; }
.service .point .title {font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.service .point .item{ width: 100%; padding:0px;}
.service .point .item.n2,
.service .point .item.n4 { background-color: #fff }
.service .point .item .img{ padding-top: 38px; text-align: center; }
.service .point .item .img img { max-width: 100%; }
.service .point .item .title{ padding-top: 30px; width: 100%; font-size: 18px; text-align: center; color: #5ea7df; }
.service .point .item .list{ padding-left: 30px; }
.service .point .list ul{ } 
.service .point .list li{ list-style-type: disc; font-size: 13px; line-height: 20px; margin-bottom: 4px; }
.hot-container .n1{padding-bottom: 0 !important;}
.hot-container .n1 .item_img img{width: 80%;}
.emergency-container .n1 {padding-bottom: 0 !important;}
.emergency-container .n2 .item_img img{ width: 55%; }

.download .item.n1{ padding: 20px; }
.download .item.n1 .item_img img { width: 100%; }
.download .item.n1 .title{ text-align: center; font-size: 22px; padding-top: 10px; margin-bottom: 10px; }
.download .item.n1 .text{ font-size: 14px; color: #a1a1a1; line-height: 22px; text-align: center; }
.download .item.n2{ overflow: hidden;/*background: #e4f1fa;*/ }
.download .item.n2 .sub_item{ position: relative; width: 100%; overflow: hidden; }
.download .item.n2 .sub_item div.title{ padding: 20px 0px; padding-left: 3px; width: 100%; text-align: center; font-size: 23px; }
.download .item.n2 .sub_item .box{ position: relative; box-sizing: border-box; border: solid 1px #ededed; }
.download .item.n2 .sub_item.n1 .box{ width: 100%; padding: 20px 10px; text-align: center; }
.download .item.n2 .sub_item.n1 .icon{ margin-bottom: 5px;  }
.download .item.n2 .sub_item.n1 .qrcode{ margin-bottom: 10px;  }
.download .item.n2 .sub_item.n1 .box>.text{  font-size: 18px; text-align: center; margin-bottom: 10px;}
.download .item.n2 .sub_item.n1 .down div{ box-sizing: border-box; height: 35px; width: 141px; padding-top: 8px; text-align: center; font-size: 15px; color: #51b7a4; border: solid 2px #51b7a4; border-radius: 22px; margin:0 auto;}
.download .item.n2 .sub_item.n2 .box{ width: 100%; padding: 20px 10px; text-align: center; border:0px; border-bottom: 1px solid #ddd; }
.download .item.n2 .sub_item.n2 .box.n1 { border-top: 1px solid #ddd; }
.download .item.n2 .sub_item.n2 .box.n3 { border-bottom: 0px; }
.download .item.n2 .sub_item.n2 .sub_title{ font-size: 18px; }
.download .item.n2 .sub_item.n2 .url{ font-size: 14px; margin:10px 0px; }
.download .item.n2 .sub_item.n2 .go_web{}
.download .item.n2 .sub_item.n2 .go_web div{ box-sizing: border-box; height: 35px; width: 220px; padding-top: 8px; text-align: center; font-size: 14px; color: #51b7a4; border: solid 2px #51b7a4; border-radius: 22px; margin:0 auto;}
.contact { padding: 20px; }
.contact .item.n1{ margin-bottom: 20px; }
.contact .item.n1 div.title{ font-size: 22px; text-align: center; margin-bottom: 5px; }
.contact .item.n1 .margin>.text{ font-size: 14px; color: #a1a1a1; line-height: 22px; text-align: center; margin-bottom: 10px;}
.contact .item.n1 .item_img{ margin-bottom: 20px; }
.contact .item.n1 .item_img img { width: 100%; }
.contact .item.n1 .margin>.sub_text{ }
.contact .item.n1 .margin>.sub_text.n1{ text-align: center; font-size: 22px; margin-bottom: 10px; }
.contact .item.n1 .margin>.sub_text.n2{ text-align: center; line-height: 22px; font-size: 16px; }
.contact .item.n2{ /*background: #e4f1fa;*/ }
.contact .item.n2 .sub_item{ position: relative; box-sizing: border-box; color: #6b6b6b; }
.contact .item.n2 .sub_item.n1{ padding-top: 12px; height: 95px; width: 100%; }
.contact .item.n2 .sub_item.n2{ padding-top: 8px; height: 239px; width: 100%; }
.contact .item.n2 .sub_item.n3{ padding-top: 31px; height: 68px; width: 100%; }
.contact .item.n2 .sub_item.n4{ padding-top: 8px; padding-right: 0; height: 71px; }
.contact .item.n2 .sub_item.n4 .input { margin-top: 7px; }
.contact .item.n2 .sub_item.n5{ padding: 0; padding-top: 8px; height: 71px; }
.contact .item.n2 .sub_item.n5 .input { margin-top: 7px; }
.contact .item.n2 .sub_item.n6{ padding-top: 18px; padding-right: 0; height: 96px; }
.contact .item.n2 .sub_item.n6 .input { margin-top: 12px; }
.contact .item.n2 .sub_item.n7{ padding: 0; padding-top: 18px; height: 96px;  }
.contact .item.n2 .sub_item.n7 .input { margin-top: 12px; }
.contact .item.n2 .sub_item.n8{ padding-top: 9px; padding-right: 0; height: 96px; }
.contact .item.n2 .sub_item.n8 .input { margin-top: 12px; }
.contact .item.n2 .sub_item.n9{ padding: 0; padding-top: 9px;height: 138px; }
.contact .item.n2 .sub_item.n9 .input { margin-top: 12px; }
.contact .item.n2 .sub_item .name{ padding-right: 12px; margin-left: 3px; background-image: url(./img/icon_check.png); background-repeat: no-repeat; background-position-x: right; background-position-y: 2px; }
.contact .item.n2 .sub_item.n1 .name{ background-image: none; }
.contact .item.n2 .sub_item.n3 .name{ background-image: none; }
.contact .item.n2 .sub_item .input{ width: 100%;  margin-top: 11px; }
.contact .item.n2 .sub_item .input select, .contact .item.n2 .sub_item .input input, .contact .item.n2 .sub_item .input textarea{ width: 100%; box-sizing: border-box; height: 37px; box-shadow: 1px 1px 0px rgba(0,0,0,.2); border: solid 1px #cbcbcb; border-radius: 3px; }
.contact .item.n2 .sub_item .input select{ padding-left: 10px; color: #6b6b6b; font-size: 16px; }
.contact .item.n2 .sub_item .input input{ }
.contact .item.n2 .sub_item .input textarea{ height: 198px; resize: none; padding: 10px; }
.contact .item.n2 .sub_item .word_count{ color: #999999; float: right; }
.contact .item.n2 .sub_item.n9 .dd { box-shadow: 1px 1px 0px rgba(0,0,0,.2); border: solid 1px #cbcbcb; border-radius: 3px; height: 37px; padding-top: 3px;}
.contact .item.n2 .sub_item.n9 .dd .ddTitle{ background: white; }
.contact .item.n2 .sub_item.n9 .dd .divider{ border-color: white; }
.contact .item.n2 .sub_item.n9 .dd .ddChild li{ background-color: white; border-color: white; }
.contact .item.n2 .sub_item.n9 .dd .ddChild li:hover{ background-color: #1e90ff; }

.about{ padding: 20px; }
.about .item .title { font-si }
.about .item.n1{ height: 530px; }
.about .item.n1 .title{ font-size: 22px; text-align: center; margin-bottom: 10px; }
.about .item.n1 .sub_title{ font-size: 18px; margin-bottom: 10px; } 
.about .item.n1 .text{ font-size: 14px; color: #a1a1a1; line-height: 22px; text-align: left; margin-bottom: 20px; }
.about .item.n1 .item_img img { width: 100%; }
.about .item.n3{ /*background: #e4f1fa;*/ }
.about .item.n3 .title{ font-size: 22px; text-align: center; margin-bottom: 10px;}
.about .item.n3 .item_img{ left: 135px; top: 157px; }
.about .item.n3 .item_img iframe{ width: 100%; height: 300px; border:1px solid #ddd; }
.about .item.n3 .box{ box-sizing: border-box; position: relative; padding: 20px; background: #00c874; opacity: 0.85; color: white; }
.about .item.n3 .box>.title{ font-size: 22px; text-align: left; }
.about .item.n3 .box>.bar{  height: 3px; width: 42px; background: white; margin-bottom: 10px; }
.about .item.n3 .box>.address{  font-size: 14px; line-height: 22px; margin-bottom: 10px; }
.about .item.n3 .box>.go_map{}
.about .item.n3 .box>.go_map div{ box-sizing: border-box; height: 44px; width: 141px; padding-top: 13px; text-align: center; font-size: 15px; color: white; border: solid 2px white; border-radius: 22px; }
.about .item.n1 .down{ margin-bottom: 20px; }
.about .item.n1 .down div{ margin:0 auto; box-sizing: border-box; height: 44px; width: 181px; padding-top: 13px; text-align: center; font-size: 15px; color: #50b8a1; border: solid 2px #50b8a1; border-radius: 22px; } 


.data { padding: 20px;  }
.data .section .title { font-size: 22px; text-align: center; margin-bottom: 20px; }

.help { font-size: 22px; text-align: center; padding:100px 20px; }

.sumbit_button a { display: block; }
.sumbit_button div { margin: 0 auto; height: 58px; width: 298px; text-align: center; background: #01c875; box-sizing: border-box; border: 0; border-radius: 29px; padding-top: 18px; color: white; font-size: 23px; }




/* 푸 터 영 역 사 항 */
#footer .policy { padding:15px 0; border-top: 1px solid #ddd; }
#footer .policy ul { overflow: hidden; font-size: 0px; text-align: center; }
#footer .policy li { display: inline-block; margin-right: 28px; }
#footer .policy li a { font-size: 14px; color:#888; font-weight: 600; line-height: 22px; padding-right: 28px; background-image: url('../img/ft-policybar.png'); background-repeat: no-repeat; background-position: right center; }
#footer .policy li:first-child { padding-left: 33px; background-image: url('../img/ft-policybar.png'); background-repeat: no-repeat; background-position: left center; }
#footer .policy li:last-child { margin-right: 0px; }
#footer .company { position: relative; padding: 70px 20px 20px 20px; border-top: 1px solid #ddd; }
#footer .copyright li { font-size:12px;color:#666; letter-spacing: -0.5px; margin-bottom: 5px; }
#footer .family { position: absolute; left: 20px; right: 20px; top: 20px; }
#footer .family .box { position: relative; }
#footer .family .box a.title { position: relative; display: block; font-size: 14px; color:#3c3c3c; line-height: 30px; padding:0 10px; border:1px solid #26c35c; }
#footer .family .box a.title span { position: absolute; top:0px; right: 0px; width: 30px; height: 30px; background-image: url('../img/ft-family-off.png'); background-position: center; background-repeat: no-repeat; border-left: 1px solid #26c35c; }
#footer .family .box.active a.title span { background-image: url('../img/ft-family-on.png'); }
#footer .family .box .list { display: none; background-color: #fff; position: absolute; border-top: 1px solid #26c35c; top: 31px; left: 0px; right: 0px; }
#footer .family .box .list li { font-size: 15px; border-left: 1px solid #26c35c; border-right: 1px solid #26c35c; border-bottom: 1px solid #26c35c; }
#footer .family .box .list li a { display: block; color: #717171; line-height: 30px; padding: 0 10px;  }
#footer .family .box .list li a:hover { background-color:#26c35c; color:#fff; }
#footer .family .box.active .list { display: block; }

.inside-tabs-container{
    position: relative !important;
    text-align: center;
    height: 100%;
    padding: 22px 40px 0 40px;
}
.inside-tabs-container .active{
    color: #fff;
    background-color: #2853B5;
    border-color: #2853B5;
}
.inside-tabs-container a{
    display: block;
}
.inside-tabs-container a:not(:last-child){
	margin-bottom: 5px;
}
.tab-btn{
    border: 1px solid #c7c7c7;
    padding: 4px 0px;
    border-radius: 24px;
    position: relative;
    color: #000;
}
.tab-btn .wrapper{
    display: inline-block;
    font-size: 12px;
    width: 128px;
}
.tab-btn .wrapper img{
    width: 14px;
    bottom: 1px;
    margin-right: 7px;
    position: relative;
    vertical-align: middle;
}
.service.with-header .item.n1{
	padding-top: 20px;
}
.half-width{
	width: 50% !important;
}
.with-header .item .item_img{
    text-align: center;
}
.with-header .item.n2,
.with-header .item.n3,
.with-header .item.n4,
.alarm-container .item.n1{
    padding-bottom: 0;
}

.tabs-container{
    height: 611px;
    display: none;
    position: relative;
    height: 100%;
    /*background: #e4f1fa;*/
}
.tabs-container.active{
    display: block;
}
.alarm-container .item.n4 .item_img img{
	width: 70%;
}
.hot-container .item.n2 .item_img img{
	width: 80%;	
}
.down-k-container .video-container{
	height: 100%;
}
.down-k-container > .video-container > .title{
	font-size: 22px;
    text-align: center;
    margin-bottom: 5px;
    padding: 20px;
}
.video-container .wrap-blog-list{
    padding: 10px 10px;
    border-top: 1px solid #ccc;
}
.video-list .side-video-list li .list-image{
    display: inline-block;
    width: 40%;
    flex: none;
    vertical-align: text-bottom;
}
.video-list .side-video-list li .list-image .video-preview-img{
	height: 20%;
}
.video-list .side-video-list li .list-content{
	display: inline-block;
	width: 60%;
	vertical-align: top;
    padding: 5px;
}
.video-list .side-video-list li{
     position: relative;
     margin-bottom: 5px;
}
.video-list .side-video-list li .list-content .title{
	font-weight: 600;
    margin-bottom: 8px;
    font-size: 14px;
}
.video-list .side-video-list li .list-content .writer,
.video-list .side-video-list li .list-content .date{
	font-size: 13px;
}
.wrap-select-video-title {
	padding: 5px;
	padding-top: 0;
}
.wrap-select-video-title .title{
    font-weight: 600;
    margin-bottom: 8px;
}
.wrap-select-video-title .sub{
    font-size: 13px;
}
.wrap-video object{
	background-color: #000;
}