@charset "utf-8";

/* reset */
html, body, h1, h2, h3, h4, h5, h6, p, div, th, td, table, pre, code, form, fieldset,figure, legend, input, button, address, ol, ul, li, dl, dt, dd, img, textarea, blockquote {margin:0;padding:0;}
html,body{height: 100%;}
body,input,textarea,select,button{color:#353539; font: 16px/1.4 Noto Sans CJK KR, NanumSquare, '나눔스퀘어', Malgun Gothic, '맑은고딕', Dotum,'돋움',arial, sans-serif;}
h1,h2,h3,h4,h5,h6,strong{font-size: 100%;font-weight: normal;}
li{list-style: none;}
img, fieldset{vertical-align:top;border:none;}
legend,hr{position: absolute;left: -9999px;}
caption{text-indent: -9999px;height: 0;overflow: hidden;visibility: hidden;}
img,button,input[type="submit"],input[type="button"],input[type="reset"]{border: none;}
a:link, a:visited, a:active, a:hover, a:focus {text-decoration:none;/* color:#353539; */}
a[href^=tel] {color: inherit;text-decoration: none;}
input,select,button{vertical-align: middle;}
input[type="text"],input[type="email"],input[type="url"],input[type="search"],input[type="password"],select,textarea{border: 1px solid #ddd;height: 22px;}
address,em,i{font-style:normal;}
button,input[type="button"],input[type="submit"],input[type="reset"]{cursor: pointer;}
table{width: 100%;border-collapse: collapse;border-spacing: 0;}
textarea{resize: none;vertical-align: middle;padding: 2px;}
.clearFix:after{content:"";clear: both;display: block;}
.clearFix{*zoom:1;}
.blind{position: absolute;left: -9999px;}

/* font - Noto Sans KR */
@font-face
{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(font/notoSans/NotoSansKR-Thin.woff2) format('woff2'),
		url(font/notoSans/NotoSansKR-Thin.woff) format('woff'),
		url(font/notoSans/NotoSansKR-Thin.otf) format('opentype');
}

@font-face
{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(font/notoSans/NotoSansKR-Light.woff2) format('woff2'),
		url(font/notoSans/NotoSansKR-Light.woff) format('woff'),
		url(font/notoSans/NotoSansKR-Light.otf) format('opentype');
}

@font-face
{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(font/notoSans/NotoSansKR-Regular.woff2) format('woff2'),
		url(font/notoSans/NotoSansKR-Regular.woff) format('woff'),
		url(font/notoSans/NotoSansKR-Regular.otf) format('opentype');
}

@font-face
{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(font/notoSans/NotoSansKR-Medium.woff2) format('woff2'),
		url(font/notoSans/NotoSansKR-Medium.woff) format('woff'),
		url(font/notoSans/NotoSansKR-Medium.otf) format('opentype');
}

@font-face
{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(font/notoSans/NotoSansKR-Bold.woff2) format('woff2'),
		url(font/notoSans/NotoSansKR-Bold.woff) format('woff'),
		url(font/notoSans/NotoSansKR-Bold.otf) format('opentype');
}

@font-face
{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(font/notoSans/NotoSansKR-Black.woff2) format('woff2'),
		url(font/notoSans/NotoSansKR-Black.woff) format('woff'),
		url(font/notoSans/NotoSansKR-Black.otf) format('opentype');
}

/* font - NanumSquare */
@font-face {
	font-family: 'NanumSquare';
	font-weight: 300;
	src: url(font/nanumSquare/NanumSquareL.eot);
	src: url(font/nanumSquare/NanumSquareL.eot?#iefix) format('embedded-opentype'),
		url(font/nanumSquare/NanumSquareL.woff) format('woff'),
		url(font/nanumSquare/NanumSquareL.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 400;
	src: url(font/nanumSquare/NanumSquareR.eot);
	src: url(font/nanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		url(font/nanumSquare/NanumSquareR.woff) format('woff'),
		url(font/nanumSquare/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 700;
	src: url(font/nanumSquare/NanumSquareB.eot);
	src: url(font/nanumSquare/NanumSquareB.eot?#iefix) format('embedded-opentype'),
		url(font/nanumSquare/NanumSquareB.woff) format('woff'),
		url(font/nanumSquare/NanumSquareB.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 800;
	src: url(font/nanumSquare/NanumSquareEB.eot);
	src: url(font/nanumSquare/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
		url(font/nanumSquare/NanumSquareEB.woff) format('woff'),
		url(font/nanumSquare/NanumSquareEB.ttf) format('truetype');
}


/* header */
#header_wrap{background-color: #f2f8ff;min-width: 1680px;height: 100px;}
.skip_menu a{position: absolute;top: -200px;left: 0;width: 100%;display: block;padding: 10px 0;background-color: #000;color:#fff;font-size: 14px;font-weight: bold;text-align: center;z-index: 10;}
.skip_menu a:focus{top: 0;}
#header{position: relative;padding: 46px 100px 24px;margin: 0 auto;}
#header h1{display: inline-block;}

/* gnb */
.gnb{position: absolute;top: 47px;left: 50%;margin-left: -400px;}
.gnb li{float: left;margin-left: 65px;}
.gnb li:first-child{margin-left: 0;}
.gnb li a{font-weight: 500;color:#353539;}
.gnb li.on a,
.gnb li a:hover,
.gnb li a:focus{color: #2a678f;}
.gnb li img{vertical-align: middle;}
.gnb li span{vertical-align: middle;}

/* container */
#container{min-width: 1680px;}
.visual.sub{width: 100%;height: 370px;color:#eee;text-align: center;}
.visual.sub h2{padding-top:77px;font-size: 23px;font-weight:400;}
.visual.sub h2 img{vertical-align: middle;}
.visual.sub h3{padding-top: 30px;font-size: 50px;font-weight: 700;}
.visual.sub .txt_desc{padding-top: 10px;font-size: 36px;}

/* contents */
.contents{position: relative;min-width: 1280px;text-align: center;}
.contents.pb{padding-bottom: 154px;}
.contents div h4{font-size: 40px;font-weight:500;}
.contents div h4 img{vertical-align: middle;}
.contents div h4 span{vertical-align: middle;}

/* visual */
.visual.sub.wireless{background: url("../images/common/bg/bg_wireless.png") center repeat-x;}
.visual.sub.longTlg{background: url("../images/common/bg/bg_longTlg.png") center repeat-x;}
.visual.sub.customer{background: url("../images/common/bg/bg_customer.png") center repeat-x;}

/* link 버튼 type */
.btn_wrap{position: absolute;top: 44px;right: 100px;}
.btn_basic{display: block;width: 175px;box-sizing:border-box;padding: 11px 30px 11px 0;font-size: 20px;color: #eee;text-align: center;border-radius: 4px;background: #2a678f url("../images/common/icon/icon_info_01.png") 130px 50% no-repeat;}
.btn_basic.email{margin-top: 14px;background-image: url("../images/common/icon/icon_info_01.png");}
.btn_basic_line{display: inline-block;padding: 6px 36px;border: 1px solid #aaaeb3;color:#353539;font-weight: 300;}

/* table type */
.basic_line_no{width:500px;text-align: left;}
.basic_line_no tr th{padding: 10px 15px 10px 0;font-size: 22px;font-weight: 400;vertical-align: top;}
.basic_line_no tr td{padding: 10px 10px 10px 0;font-size: 20px;color:#707070;}
.table_list{font-size: 17px;font-weight: 300;}
.table_list li{position: relative;padding-left: 20px;padding-bottom: 10px;}
.table_list li:last-child{padding-bottom: 0;}
.table_list li:before{content:"";display: inline-block;position: absolute;top: 10px;left: 0;width:7px;height: 7px;background-color: #768693;border-radius: 50%;}

.table_title{padding: 10px 0 10px;border-top: 2px solid #bfbfbf;font-size: 28px;font-weight: 500;color: #707070;}
.basic_line{border-top: 2px solid #bfbfbf;border-bottom: 2px solid #bfbfbf;text-align: left;}
.basic_line tr th{padding: 32px 0;font-size:20px;color: #434343;font-weight: 400;}
.basic_line tr td{padding: 15px 65px 15px 0;font-size: 18px;color: #707070;font-weight: 300;}

.basic_line_bg{width: 1280px;margin: 99px auto 0;border-top: 2px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;color: #707070;}
.basic_line_bg thead tr{border-bottom: 1px solid #bfbfbf;}
.basic_line_bg tr td,.basic_line_bg tr th{padding: 15px 5px;font-size: 18px;font-weight: 300;}
.basic_line_bg tr th{font-size: 20px;font-weight: 400;}
.basic_line_bg tr:nth-child(even){background-color: #f9fbfc;}

/* 개인정보 table */
.info_table{margin: 30px 0 15px;text-align: center;background-color: #fff;border-bottom:2px solid #bfbebf;}
.info_table thead tr th{padding: 15px;}
.info_table thead tr.first th{background-color: #bfbebf;font-size: 20px;color: #fdfefe;font-weight: 500;}
.info_table thead tr.second th{font-size: 20px;font-weight: 500;border-bottom:2px solid #bfbebf;}
.info_table tr td{font-size: 18px;font-weight: 300;color: #706f6f;}
.info_table tbody tr td{padding: 15px;}
.info_table tbody tr+tr{border-top: 1px solid #e6e5e5;}
.info_table.no_thead{border-top:2px solid #bfbebf;margin-bottom: 0;}
.vertical_top{vertical-align: top;}
/* 서브페이지 - top버튼 */
.move_top, .btn_top{display: none;position: fixed;right: 100px;bottom:50px;width: 70px;height: 70px;padding-top: 20px;box-shadow: 5px 5px 30px #d8d8d8;background: #2a678f url("../images/common/bullet/bullet_arrow.png") center 21px no-repeat;font-size: 16px;font-weight: 500;color: #fff;z-index: 2;}

/* 공통 */
.prd_component,
.prd_spec_wrap,
.tlg_program,
.sensor_install,
.prd_antenna_install,
.prd_install,
.tlg_important,
.prd_long_intro,
.prd_detail,
.safe_confirm,
.present_condition,
.prd_certification,
.tlg_customer,
.service_info,
.experience_ex,
.expected_effect,
.prd_model{padding-top: 110px;}

.prd_intro,
.prd_spec_wrap,
.tlg_onlineService,
.prd_package,
.prd_antenna_install,
.prd_install.com,
.prd_long_intro,
.safe_confirm,
.prd_certification,
.service_info,
.expected_effect,
.sensor_install,
.prd_model{background-color: #f9fbfc;}

/* footer */
#footer{min-width: 1680px;}
.info_wrap{position: relative;font-size: 0;}
.info_wrap .info_call{display: inline-block;width: 50%;height: 200px;box-sizing: border-box;padding-top: 63px;padding-left: 220px;color: #eeeeee;background: #2a678f url("../images/common/bg/bg_footer_info_01.png") 100px 50% no-repeat;}
.info_wrap .info_call img{vertical-align: top;}
.info_wrap .info_call .txt_title span{padding-left: 5px;font-size: 18px;}
.info_wrap .info_call.second{background: #1b425c url("../images/common/bg/bg_footer_info_02.png") 80px 50% no-repeat;}
.txt_sub strong{font-size: 40px;font-weight: 700;}
.txt_sub span{font-size: 20px;font-weight: 300;color: #bbc7d1;} /* padding-left: 15px; */
/* .txt_sub span:before{content:"";display: inline-block;margin-right: 20px;width: 1px;height: 16px;background-color: #6590ac;} */

.inner_footer_wrap{background-color: #dce3e8;}
.family_site{border-bottom: 1px solid #bfc4c8;padding: 0 55px;}
.family_site li{position: relative;width: 14.285%;float: left;padding: 28px 0 ;text-align: center;}
.family_site li:before{content:"";position: absolute;top: 50%;margin-top: -10px;left: 0;width:2px;height: 20px;background-color: #d0d6db;display: inline-block;vertical-align: middle;}
.family_site li:first-child:before{content: none;}

.inner_footer{position: relative;padding:45px 100px;}
.footer_logo{display: inline-block;vertical-align: middle;}
.contact_wrap{display: inline-block;padding-left:52px;vertical-align: middle;font-weight: 300;color:#353539;font-size: 16px;}
.contact_wrap address strong{font-weight: 500;}
.contact_wrap address span{padding-left: 10px;}
.contact_wrap address span:before{content:"";margin-right: 10px;display: inline-block;width: 2px;height: 10px;background-color: #9ca0a5;}
.btn_info_footer{position: absolute;top: 50%;right: 100px;margin-top: -18px;}

/* 20180510 - info section 1700이하 틀어짐, 1730 이상 미디어쿼리 적용 */
@media (min-width: 1730px){
	.info_wrap .info_call{padding-top: 53px;}
	.info_wrap .info_call .txt_title span{font-size: 20px;}
	.txt_sub span{font-size: 22px;}
	.btn_basic{width: 190px;padding-right:37px;background-position: 140px 50%;}
}