﻿@charset "utf-8";

@font-face { 
	font-family:"nanumB"; 
	font-style:normal; 
	font-weight:normal; 
	src: url("");
	src: url("/siw/common/font/NanumBarunGothic.eot");
	src:local(※),
	url("/siw/common/font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), 
	url("/siw/common/font/NanumBarunGothic.woff") format("woff")}

body{font-family:'nanumB','돋움',Dotum,'굴림',Gulim;word-wrap:break-word;word-break:keep-all;-webkit-text-size-adjust:none}
#wrap { position:relative; margin:0 auto;width:980px; min-width:320px; line-height:1; }
#wrap img {width:100%; }
.txtHidden{overflow:hidden;text-indent:-9999px;width:0;height:0;font-size:0;line-height:0}
.cnt > div{position:relative}
.top{position:relative}
.top a.topBtn1{display:block;position:absolute;bottom:10.7%;left:11.4%;width:77.7%;height:7.3%;text-indent:-9999px;font-size:0;line-height:0}
.cnt{box-sizing:border-box;padding:0 110px}
.tab{}
.tab .tabBtn{width:100%}
.tab .tabBtn:after{content:'';display:block;clear:both}
.tab .tabBtn li{float:left;width:381px}
.tab .tabBtn li:last-child{width:379px}
.tab .tabBtn li a{display:block}
.tab .tabCnt > div{display:none;position:relative}
.tab .tabCnt > div.on{display:block}
.tab .tabCnt > div a{position:absolute;text-indent:-9999px;font-size:0;line-height:0}
.tab .tabCnt > div:first-child a{bottom:3.4%;width:41.7%;height:10.8%}
.tab .tabCnt > div:first-child a.cntBtn1{left:7.0%}
.tab .tabCnt > div:first-child a.cntBtn2{right:7.0%}
.tab .tabCnt > div:last-child a{bottom:55.7%;width:41.7%;height:8.8%}
.tab .tabCnt > div:last-child a.cntBtn3{left:7.0%}
.tab .tabCnt > div:last-child a.cntBtn4{right:7.0%}
.noticeLink a{position:absolute;width:34.8%;height:10.5%;font-size:0;line-height:0;text-indent:-9999px}
.noticeLink a.noticeBtn1{top:2.7%;left:9.3%}
.noticeLink a.noticeBtn2{top:2.7%;right:6.1%}
.noticeLink a.noticeBtn3{top:15.3%;left:12.3%;width:28.8%}

.popWrap{width:520px;font-size:14px;line-height:1.6}
.popWrap img{width:100%}
.popCont{padding:20px 10px;color:#333}
.popCont .infoTable{margin-top:20px;width:100%}
.popCont .infoTable th, .popCont .infoTable td{border:1px solid #e5e5e5;padding:10px;text-align:center}
.popCont .infoTable th:first-child{border-left:none}
.popCont .infoTable td:last-child{border-right:none}
.popCont .infoTable th{font-size:15px;background-color:#fafafa}
.popCont .infoTable td input[type=text]{display:inline-block;box-sizing:border-box;padding:8px 4px;width:100%}
.popCont .infoTable .phone{text-align:left}
.popCont .infoTable .phone input[type=text]{width:114px;text-align:center}
.popCont .infoTable .phone input[type=text]:first-child{width:115px}
.popCont .agree{padding:20px}
.popCont .agree ol li{padding-left:16px;text-indent:-16px}
.popCont .agree .agreeCheck{margin-top:10px}
.popCont .agree .agreeCheck strong{display:block;margin-bottom:5px;font-size:15px}
.popCont .agree .agreeCheck label{margin-right:10px;line-height:20px}
.popCont .agree .agreeCheck input[type=radio]{position:relative;top:-2px;vertical-align:middle;margin:0 2px 0 0;width:20px;height:20px}
.popCont .agree dl{margin-top:20px}
.popCont .agree dl dt{margin-bottom:5px}
.popCont .agree dl dt strong{font-size:15px}
.popCont .agree dl dd{padding-left:10px;font-size:13px}
.popCont .agree dl dd:before{content:'·';margin-right:5px}
.popCont .btn{display:block;margin-top:20px;border-radius:2px;width:100%;height:50px;text-align:center;line-height:50px;font-size:18px;font-weight:bold;background-color:#00376d;color:#fff}

.agreeTit{display:block;margin-top:20px;font-size:16px}
.agreeTit u{color:#cc3333}
.checkWrap input[type=checkbox]{vertical-align:middle;margin:0 4px 0 0;width:16px;height:16px}