@charset "utf-8";

/* 서브페이지 */
#subContainer {position:relative; width:100%}
#subContainer .subVisual {position:relative; z-index:10; width:100%; height:400px; position:relative; display:table;  background:#666 url('../images/sub/sub_img03.jpg') no-repeat center center; background-size:cover;}
#subContainer .subVisual.type1 { background:#666 url('../images/sub/sub_img01.jpg') no-repeat center center; background-size:cover;}
#subContainer .subVisual.type2 { background:#666 url('../images/sub/sub_img02.jpg') no-repeat center center; background-size:cover;}
#subContainer .subVisual.type3 { background:#666 url('../images/sub/sub_img03.jpg') no-repeat center center; background-size:cover;}
#subContainer .subVisual.type4 { background:#666 url('../images/sub/sub_img04.jpg') no-repeat center center; background-size:cover;}
#subContainer .subVisual .visualTxt {max-width:1400px; margin:0 auto; text-align:center;  display:table-cell; vertical-align:middle;  padding-top:136px; padding-bottom:57px;}
#subContainer .subVisual .visualTxt p {padding-top:10px;color:#fff; font-size:1.1em;  line-height:1.6em; word-break:keep-all;}
#subContainer .subVisual .visualTxt p.img {margin-bottom:0px; font-size:3em; font-weight:300;}
#subContainer .subVisual .visualTxt p.img:before {position:absolute; content:""; display:block; background-color:#fff; width:2px; height:40px; left:50%; margin-top:-36px;}
#subContainer .subVisual .visualTxt p.img img{height:100%}


/* Util - name fixed */
#lnb { position:relative; height:60px; box-sizing:border-box;  margin-top:-30px; }
#lnb .lnbIn { position:absolute; left:0; top:0; z-index:100; width:100%; height:60px; box-sizing:border-box;}
#lnb .lnbIn:after {content:""; display:block; clear:both}
#lnb .lnbIn .area {position:relative; /*background-color:#0061bb;*/ height:60px; background: linear-gradient(to right,#0061bb,#07bad4);}
#lnb .lnbIn ul li {float:left; width:280px; display:block;  border-right:1px solid rgba(256,256,256,0.3); }
#lnb .lnbIn ul li.home {width:70px; border-right:0px solid #d9d9d9; background-color:#002951; height:60px;}
#lnb .lnbIn ul li.home i {color:#fff; opacity:0.8;}
#lnb .lnbIn ul li a {display:block;  line-height:60px;  padding:0 15px;  font-size:16px; color:#fcfdfe;  transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: url('../images/icon/nav_arrow.gif') no-repeat 90% 50%;  }
#lnb .lnbIn ul li.home a { display:block; text-align:center;  background:none; }
#lnb .lnbIn ul li a:hover {color:#ffed1f; text-decoration:none; overflow:hidden; }
#lnb .lnbIn ul li:hover a:after {content:""; display:block; position:absolute;}
#lnb .lnbIn ul li ul {overflow:hidden; max-height:0;  transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
#lnb .lnbIn ul li:hover ul { max-height:300px;}
#lnb .lnbIn ul li ul li {float:left; text-align:left; width:100%;  border-right:0px;}
#lnb .lnbIn ul li ul li:first-child {float:left; width:100%; }
#lnb .lnbIn ul li ul li:last-child {border-bottom:1px solid #0061bb;}
#lnb .lnbIn ul li.sub-menu ul li a {display:block; width:100%; color:#666; font-size:16px; line-height:1.4em; padding-top:7px; padding-bottom:7px; border-top:0px;background:none; box-sizing:border-box; background-color:#fff;  border-left:1px solid #0061bb; border-right:1px solid #0061bb;}
#lnb .lnbIn ul li.sub-menu ul li a:hover	{ color:#07bad4; text-decoration:none; box-shadow:none !important; }
#lnb .lnbIn ul li ul li:first-child a {padding-top:10px;}
#lnb .lnbIn ul li ul li:last-child a {padding-bottom:10px;}


/* 서브 공통  */
.content {position:Relative; z-index:10;}

.subWrap {position:relative; padding:80px 0; min-height:400px;}
.subWrap h2 {font-weight:700; font-size:2.7em; color:#222; font-weight:700;}
.subWrap h3 {font-weight:700; font-size:1.3em; color:#175a9d;}
.subWrap h2.title {font-weight:700; font-size:1.6em; color:#cd0013; line-height:1.3em; padding-bottom:15px; border-bottom:1px solid #ededed;  margin-bottom:20px;}
.subWrap h2.title.noline {font-weight:700; font-size:1.6em; color:#cd0013; line-height:1.3em; padding-bottom:10px; border-bottom:0px solid #ededed;  margin-bottom:0px;}
.subWrap h3.title {font-weight:700; line-height:1.5em; margin: 2.2rem 0 .9rem;   padding-top: .55rem;  font-size: 1.725rem;   color: #222;  }
.subWrap h3.title.first {font-weight:700; line-height:1.5em; margin: 0rem 0 .9rem;   padding-top: .55rem;  font-size: 1.725rem;   color: #222;  }
.subWrap h3.title:before {display:block; content:"";  width:35px; height:4px;  margin-bottom:10px;  background: linear-gradient(to right,#0061bb,#07bad4);}
.subWrap h4.title {font-weight:700; font-size:1.2em; color:#175a9d; margin:25px 0 15px 0;}
.subWrap h4.sub_title {font-weight:700; font-size:26px; color:#175C6D; margin:25px 0 15px 0;}
.subWrap h5 {font-weight:700; font-size:17px; color:#175a9d; margin:20px 0 10px 0;}

.contents_title {position:relative; z-index:10; text-align:Center; width:auto;  display:inline-block; margin-bottom:30px;}
.contents_title h2 { display:inline-block; width:auto;  }
.contents_title h2 span {position:relative; z-index:10;}
.contents_title h2:before {position:absolute; bottom:-3px; left:-5px; content:""; width:100%; padding:0 5px; height:14px; display:block;  content:""; border-radius:0px; z-index:1; /*background: linear-gradient(to right,#077ca3,#07a33e);*/  background-color:#ededed;}
.contents_title2 {font-size:1.3em;}

.blueTit {display: block; margin: 30px 0 15px; padding-left: 16px; background: url("../images/content/bul_circle_blue.png") no-repeat 0 8px; font-weight: 700; font-size: 20px; color: #333;}


/* Box Design */
.con_box01 { position:relative; width:93%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:25px 3%; color:#666; line-height:1.6em; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:keep-all; background-color:#fff; }
.con_box02 { position:relative; width:93%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:24px; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:break-all; background-color:#fafafa; }
.con_box03 { position:relative; width:93%;border:1px solid #b7c4d8; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:24px; font-weight:normal; box-shadow:1px 2px 2px #d8dde1; word-break:break-all; background-color:#fff; }
.con_box04  { position:relative; width:93%;  margin-top:20px; margin-bottom:10px; padding:35px 3% ; font-weight:300;  word-break:keep-all; background-color:#f7f7f9; }
.con_box04_1 { position: relative; width: 100%; margin-top: 20px; margin-bottom: 10px; font-weight: 300; word-break: keep-all; background-color: #f7f7f9;}
.con_box05  { position:relative; width:95%;  margin-top:20px; margin-bottom:10px; padding:25px 2% ; font-weight:300;  word-break:keep-all; border:1px solid #eaeaea; background-color:#f7f7f9;}
.con_box05_1 { position: relative; width: 100%; margin-top: 20px; margin-bottom: 10px; font-weight: 300; word-break: keep-all; background-color: #f7f7f9;}


ul.con_ul01 { position:relative; }
ul.con_ul01 li {position:relative; padding:3px 0px 3px 17px;font-size:1em; color:#444; line-height:24px; letter-spacing:-0.5px; word-break:break-all;}
ul.con_ul01 li:before {content:""; position:Absolute; left:0px; top:12px; width:6px; height:6px; background-color:#adadad; border-radius:50%;}
ul.con_ul02 { position:relative; }
ul.con_ul02 li { padding:3px 0px 3px 17px; font-size:0.9em; color:#666; line-height:24px; letter-spacing:-0.5px; word-break:break-all;  }
ul.con_ul02 li:before {content:""; position:Absolute; left:0px; top:15px; width:6px; height:1px; background-color:#adadad; border-radius:50%;}

ul.con_ul01_2 { position:relative; }
ul.con_ul01_2 li { padding:0 0 0 13px !important;  background:url("../images/icon/icon_ul03.gif") no-repeat 5px 10px; }

ul.list_third {margin-left:17px;}
ul.list_third li {float:left; width:30%; margin-right:5%; padding:0px; margin-top:15px;}
ul.list_third li:nth-child(3n) {margin-right:0; }
ul.list_third li h5 {font-size:16px; font-weight:400; }

ul.div_two_part li {float:left; width:48%; margin-left:4%;}
ul.div_two_part li:first-child {margin-left:0;}


/* tableType */
.table-responsive {min-height: .01%;overflow-x: auto;}

.tableType1{border-top:2px solid #000; width:100%;}
.tableType1 table{width:100%;}
.tableType1 table thead{background:#f8f8f8;}
.tableType1 table thead th{padding:18px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:1em; color:#000; text-align:center;}
.tableType1 table thead th:first-child{border-left:0;}
.tableType1 table tbody th{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:15px 0; font-size:1em; color:#000;  word-break:keep-all; background:#f8f8f8;  font-weight:300;border-right: 1px solid #dcdcdc;}
.tableType1 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:15px 20px; font-size:1em; line-height:1.4em; color:#555;  word-break:keep-all;  background-color:#fff; }
.tableType1 table tbody td.text-center{text-align:center; padding:18px 0;}
/*.tableType1 table tbody td:first-child{border-left:0; }*/
.tableType1 table tbody th:first-child{border-left:0;}

.tableType2{border-top:2px solid #000}
.tableType2 .line{display:table; width:100%; border-bottom:1px solid #d9d9d9}
.tableType2 .line > div{display:table-cell; vertical-align:middle; padding:25px 20px; box-sizing:border-box; font-size:16px; line-height:26px}
.tableType2 .line .tit{display:table-cell; width:150px; color:#000;  background:#f7f8fa}
.tableType2 .line > div:nth-child(4){width:440px}
.tableType2 .line > div .addFile {position:relative}
.tableType2 .line > div .addFile input[type="file"]{position:absolute; top:0; left:0; width:395px; opacity:0;}
.tableType2 .line > div .addFile input[type="text"]{width:280px}
.tableType2 .line > div .addFile .find{display:inline-block; vertical-align:top; width:110px; height:52px; line-height:52px; box-sizing:border-box; color:#fff; background:#888; text-align:center; margin-left:4px;}
.tableType2 .line > div.fileList{padding:20px}
.tableType2 .line > div.fileList a{display:inline-block; margin-right:10px; padding:8px 53px 8px 20px; border:1px solid #e1e1e1; font-size:16px; color:#555; background:url('../images/icon/addFile_icon.gif') no-repeat right 20px top 50% #f7f8fa}

.tableType3{border-top:2px solid #000; letter-spacing:-1px}
.tableType3 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle;  text-align:left; word-break:keep-all}
.tableType3 table td{padding:18px 50px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all}

.tableType4 table tbody{border-top:1px solid #dcdcdc;}
.tableType4 table tbody th{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#f7f8fa; padding:20px 50px;  color:#000; font-size:16px; line-height:24px;}
.tableType4 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:16px; padding:10px 18px;   line-height:18px; text-align:center;}
.tableType4 table tbody th:first-child{border-left:0;}
.tableType4 table tbody td:first-child{border-left:0;}

.tableType5{border-top:2px solid #000; letter-spacing:-1px}
.tableType5 table{table-layout:fixed; width:100%;}
.tableType5 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle;  text-align:center; word-break:break-all}
.tableType5 table td{padding:18px 10.5% 18px 20px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all; text-align:right;}
.tableType5 table thead th:first-child{border-right:1px solid #d9d9d9;}
.tableType5 table tbody tr.bold{font-weight:700}
.tableType5 table tbody tr.bold th{font-weight:700}
.tableType5 table tbody th{text-align:center; background:none; color:#555;  text-align:left; border-right:1px solid #d9d9d9;}

.swiperArea .mCSB_container {width:100% !important;}

/* tab */
.tab  {position:Relative; margin: 0 0 50px 0 !important; padding: 0; text-align:center; overflow:hidden;}
.tab ul {position:Relative; width:100%;}
.tab li {float:left; display:block; line-height:50px; border:1px solid #ededed; background-color:#fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background-color:#f7f7f7; box-sizing:border-box;}
.tab li.on { background-color:#fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
.tab li + li {border-left:0px;}
.tab li a {display:block; width:100%; height:100%;  color:#222; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
.tab li.on a {position:relative; color:#0061bb; overflow:hidden;  font-weight:500;}
.tab li.on a:before {content:"";  position:absolute; top:0px; left:0px; background-color:#0061bb; width:100%; height:2px;}
.tab li a:hover { opacity:0.6;}
.tab.tab_list3 li {width:25%;}



/* N A V I G A T I O N */
.absolute{ position: absolute; display:block;}
/* Dernier plan : petits nuages */
#parallax-bg1{  z-index: 0;  position: fixed; width:100%; height:100%;  }
#bg1-1{left:50%; margin-left:-1250px;  top:2050px;  transform:scale(0.3, 0.3);  }
#bg1-2{right:50%; margin-right:-1150px;  top:1450px; transform:scale(0.3, 0.3);  }
#bg1-3{left:50%; margin-left:-860px; top:2000px; transform:scale(0.4, 0.4);  opacity:0.2; }
#bg1-4{right:50%;top:220px; margin-right:-900px; transform:scale(0.3, 0.3);  opacity:0.7; }
#bg1-5{left:50%;top:700px; margin-left:-1150px;  transform:scale(0.2, 0.2);  }
#bg1-6{right:50%;top:1550px; margin-right:-1350px;  transform:scale(0.2, 0.2);  opacity:0.4; }
#bg1-7{left:50%; margin-left:-1000px; top:1000px; transform:scale(0.4, 0.4);  opacity:0.2; }
#bg1-8{right:50%;top:650px; margin-right:-1150px;   transform:scale(0.3, 0.3); opacity:0.2; }
#bg1-9{right:50%; margin-right:-950px; top:2300px; transform:scale(0.2, 0.2); opacity:0.7; }

/* Dernier plan : gros nuages */
#parallax-bg2{  z-index: 1;  position: fixed; width:100%; height:100%;  }
#bg2-1{left:50%;margin-left:-1250px; top:2400px;  transform:scale(0.2, 0.2);  opacity:0.3; }
#bg2-2{right:50%;top:2950px; margin-right:-750px;  transform:scale(0.2, 0.2);   opacity:0.4; }
#bg2-3{left:50%; margin-left:-920px; top:2188px;  transform:scale(0.2, 0.2);  }
#bg2-4{right:50%; top:1450px; margin-right:-950px;  transform:scale(0.3, 0.3);  }
#bg2-5{left:50%; margin-left:-950px;  top:450px; transform:scale(0.3, 0.3);  opacity:0.3; }
#bg2-6{right:50%;top:1788px;margin-right:-1350px;   transform:scale(0.2, 0.2);  opacity:0.5; }
#bg2-7{left:50%; margin-left:-1100px;  top:1050px;  transform:scale(0.2, 0.2);  }
#bg2-8{right:50%;top:700px; margin-right:-1200px;  transform:scale(0.3, 0.3);  }
#bg2-9{left:50%; margin-left:-1180px; top:1888px; transform:scale(0.3, 0.3);  opacity:0.5; }


/* Login */
.loginForm {position:relative; border:1px solid #ededed; padding:40px 5%; width:84%; max-width:500px; margin:0 auto;}
.loginForm .txt {padding-bottom:30px; border-bottom:2px solid #222;  margin-bottom:30px;}
.loginForm dl dt {font-size:0px; text-indent:-9999em; width:0px; height:0px;}
.loginForm dl dd {position:Relative; width:100%; }
.loginForm dl dd input {width:96%; height:35px; line-height:35px; padding:4px 2%; margin-bottom:-1px; font-size:14px;}
.loginForm button.btn {width:100% !important; line-height:40px; margin-bottom:4px;}

.rule_pac {height:240px; overflow-y:scroll; border:1px solid #ededed; font-size:14px;  text-align:left; padding:15px;}

.loginPage #tab.tab2 {width:84%; margin:0 auto 10px auto; max-width:640px;}
.loginPage #tab.tab2 > li {float:left; width:calc(50% - 2px); text-align:Center;}

#login_layerPop {position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-180px; width:400px; height:360px; background-color:#fff; padding:50px; max-width:100%; box-shadow: 5px 5px 28px rgba(0, 0, 0, 0.2); display:none; }

.star {color:red}

@media all and (max-width:1420px){
	/* 서브 공통  */
	.subWrap {position:relative; padding:80px 2%;}
	
	#subContainer {position:relative; width:100%}
	#subContainer .subVisual{width:100%; height:400px; position:relative; display:table;}
	#subContainer .subVisual .visualTxt {max-width:1400px; margin:0 auto; text-align:center;  display:table-cell; vertical-align:middle;  padding-top:140px;}
	#subContainer .subVisual .visualTxt p {padding-top:10px;color:#fff; font-size:1.1em;  line-height:1.6em; word-break:keep-all;}
	#subContainer .subVisual .visualTxt p.img{margin-bottom:0px; font-size:2.8em; }
	#subContainer .subVisual .visualTxt p.img img{height:100%}

	
	/* N A V I G A T I O N */
	.absolute{ position: absolute; display:block;}


	/* Dernier plan : petits nuages */
	#parallax-bg1{  z-index: 0;  position: fixed; width:100%; height:100%;  }
	#bg1-1{left:-15%; top:2350px;  transform:scale(0.2, 0.2);  }
	#bg1-2{right:-10%; top:1050px; transform:scale(0.3, 0.3);  }
	#bg1-3{left:-29%;top:2000px; transform:scale(0.2, 0.2);  }
	#bg1-4{right:-4%;top:350px; transform:scale(0.3, 0.3);  }
	#bg1-5{left:-4%;top:700px; transform:scale(0.4, 0.4);  }
	#bg1-6{right:-14%;top:1550px;  transform:scale(0.2, 0.2);  }
	#bg1-7{left:-1%;top:1000px; transform:scale(0.4, 0.4);  }
	#bg1-8{right:-4%;top:650px;  transform:scale(0.2, 0.2); opacity:0.5; }
	#bg1-9{left:-18%;top:2300px; transform:scale(0.3, 0.3);  }

	/* Dernier plan : gros nuages */
	#parallax-bg2{  z-index: 1;  position: fixed; width:100%; height:100%;  }
	#bg2-1{left:-14%;top:2400px;  transform:scale(0.2, 0.2);  }
	#bg2-2{right:-19%;top:1950px;  transform:scale(0.3, 0.3);  }
	#bg2-3{left:-14%;top:2188px;  transform:scale(0.2, 0.2);  }
	#bg2-4{right:-6%; top:1750px;  transform:scale(0.3, 0.3);  }
	#bg2-5{left:-10%;top:550px; transform:scale(0.3, 0.3);  opacity:0.5; }
	#bg2-6{right:-14%;top:1788px; transform:scale(0.4, 0.4);  }
	#bg2-7{left:-4%;top:1050px;  transform:scale(0.2, 0.2);  }
	#bg2-8{right:-4%;top:750px;  transform:scale(0.1, 0.1);  }
	#bg2-9{left:-5%;top:2788px; transform:scale(0.2, 0.2);  }

	}



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

	.con_box05  { position:relative; width:95%;  margin-top:20px; margin-bottom:10px; padding:15px 2% ; font-weight:300;  word-break:keep-all; border:1px solid #eaeaea; background-color:#f7f7f9;}
	.con_box05_1 { position: relative; width: 100%; margin-top: 20px; margin-bottom: 10px; font-weight: 300; word-break: keep-all; background-color: #f7f7f9;}

	/* Util - name fixed */
	#lnb { position:relative; height:50px; box-sizing:border-box;  margin-top:-30px; }
	#lnb .lnbIn { position:absolute; left:0; top:0; z-index:100; width:100%; height:50px; box-sizing:border-box;}
	#lnb .lnbIn:after {content:""; display:block; clear:both}
	#lnb .lnbIn .area {position:relative; /*background-color:#0061bb;*/ height:50px; background: linear-gradient(to right,#0061bb,#07bad4);}
	#lnb .lnbIn ul li {float:left; width:200px; display:block;  border-right:1px solid rgba(256,256,256,0.3); }
	#lnb .lnbIn ul li.second {width:280px; }
	#lnb .lnbIn ul li.home {width:40px; border-right:0px solid #d9d9d9; background-color:#002951; height:50px;}
	#lnb .lnbIn ul li.home i {color:#fff; opacity:0.8;}
	#lnb .lnbIn ul li a {display:block;  line-height:50px;  padding:0 10px;  font-size:15px; color:#fcfdfe;  transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: url('../images/icon/nav_arrow.gif') no-repeat 95% 50%;  }
	#lnb .lnbIn ul li.home a { display:block; text-align:center;  background:none; }
	#lnb .lnbIn ul li a:hover {color:#ffed1f; text-decoration:none; overflow:hidden; }
	#lnb .lnbIn ul li:hover a:after {content:""; display:block; position:absolute;}
	#lnb .lnbIn ul li ul {overflow:hidden; max-height:0;  transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
	#lnb .lnbIn ul li:hover ul { max-height:300px;}
	#lnb .lnbIn ul li ul li {float:left; text-align:left; width:100%;  border-right:0px;}
	#lnb .lnbIn ul li ul li:first-child {float:left; width:100%; }
	#lnb .lnbIn ul li ul li:last-child {border-bottom:1px solid #0061bb;}
	#lnb .lnbIn ul li.sub-menu ul li a {display:block; width:100%; color:#666; font-size:14px; line-height:1.4em; padding-top:7px; padding-bottom:7px; border-top:0px;background:none; box-sizing:border-box; background-color:#fff;  border-left:1px solid #0061bb; border-right:1px solid #0061bb;}
	#lnb .lnbIn ul li.sub-menu ul li a:hover	{ color:#07bad4; text-decoration:none; box-shadow:none !important; }
	#lnb .lnbIn ul li ul li:first-child a {padding-top:10px;}
	#lnb .lnbIn ul li ul li:last-child a {padding-bottom:10px;}

	/* N A V I G A T I O N */
	.absolute{ position: absolute; display:none;}

}


@media all and (max-width:768px){
	#login_layerPop {position:absolute; top:50%; left:50%; margin-left:-180px; margin-top:-170px; width:300px; height:300px; background-color:#fff; padding:20px 30px 30px 30px; max-width:100%; box-shadow: 5px 5px 28px rgba(0, 0, 0, 0.2); display:none; }

	/* 서브 공통  */
	.subWrap {position:relative; padding:90px 2% 50px 2%;}
	.subWrap h2 {font-weight:900; font-size:2em; color:#222;}
	.subWrap h3 {font-weight:900; font-size:1.3em;}


	/* Util - name fixed */
	#lnb { position:relative; height:auto; box-sizing:border-box;   width:96%; margin:0 auto  0 auto;}
	#lnb .lnbIn { position:absolute; left:0; top:auto; bottom:-45px; z-index:100; width:100%; height:auto; box-sizing:border-box;}
	#lnb .lnbIn:after {content:""; display:block; clear:both}
	#lnb .lnbIn .area {position:relative; /*background-color:#0061bb;*/ height:auto; background:none;}
	#lnb .lnbIn ul li {float:none; width:100%; display:block;  border-right:0px solid rgba(256,256,256,0.3); border-bottom:1px solid rgba(256,256,256,0.3);  background: linear-gradient(to right,#0061bb,#07bad4);}
	#lnb .lnbIn ul li.home {display:none;}
	#lnb .lnbIn ul li.home i {color:#fff; opacity:0.8;}
	#lnb .lnbIn ul li.second {width:100%; }
	#lnb .lnbIn ul li a {display:block;  line-height:45px;  padding:0 10px;  font-size:14px; color:#fcfdfe;  transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: url('../images/icon/nav_arrow.gif') no-repeat 95% 50%;  }
	#lnb .lnbIn ul li.home a { display:block; text-align:center;  background:none; }
	#lnb .lnbIn ul li a:hover {color:#ffed1f; text-decoration:none; overflow:hidden; }
	#lnb .lnbIn ul li:hover a:after {content:""; display:block; position:absolute;}
	#lnb .lnbIn ul li ul {position:absolute; overflow:hidden; max-height:0;  transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; z-index:10;  width:100%;}
	#lnb .lnbIn ul li:hover ul { max-height:300px;}
	#lnb .lnbIn ul li ul li {float:left; text-align:left; width:100%;  border-right:0px; border-bottom:0px;}
	#lnb .lnbIn ul li ul li:first-child {float:left; width:100%; }
	#lnb .lnbIn ul li ul li:last-child {border-bottom:1px solid #0061bb;}
	#lnb .lnbIn ul li.sub-menu ul li a {display:block; width:100%; color:#666; font-size:14px; line-height:1.4em; padding-top:7px; padding-bottom:7px; border-top:0px;background:none; box-sizing:border-box; background-color:#fff;  border-left:1px solid #0061bb; border-right:1px solid #0061bb;}
	#lnb .lnbIn ul li.sub-menu ul li a:hover	{ color:#07bad4; text-decoration:none; box-shadow:none !important; }
	#lnb .lnbIn ul li ul li:first-child a {padding-top:10px;}
	#lnb .lnbIn ul li ul li:last-child a {padding-bottom:10px;}

/*
	#lnb .lnbIn ul li.third {width:100%;}
	#lnb .lnbIn ul li.third a {display:none;}
	#lnb .lnbIn ul li.third div.in {position:relative; display:block; text-align:Center;}
	#lnb .lnbIn ul li.third ul {position:Relative; overflow:visible; max-height:300px; width:96%; padding:15px 2% 0 2%; z-index:1; }
	#lnb .lnbIn ul li.third ul li:first-child {text-align:center; width:33%;  vertical-align:Top;  display:inline-block; }
	#lnb .lnbIn ul li.third ul li {text-align:center; width:33%;  vertical-align:Top;  display:inline-block; }
	#lnb .lnbIn ul li.third.sub-menu ul li a {float:none; color:#727272; font-size:13px; line-height:40px; height:40px; border-top:0px;background:none; width:100%; box-sizing:border-box; background-color:#fff;  border-left:4px solid #fff; border-right:4px solid #fff;  border-bottom:2px solid #f1f1f1;  padding:0px; }
	#lnb .lnbIn ul li.third.sub-menu ul li a:hover {float:none; color:#0d78b0; font-size:13px; line-height:40px; height:40px; border-top:0px;background:none; width:100%; box-sizing:border-box; background-color:#fff;   border-bottom:3px solid #0d78b0; }
	#lnb .lnbIn ul li.third.sub-menu ul li a.on {float:none; color:#0d78b0; font-size:13px; line-height:40px; height:40px; border-top:0px;background:none; width:100%; box-sizing:border-box; background-color:#fff;   border-bottom:3px solid #0d78b0; }
*/

	/* Util - name fixed 
	#lnb { position:relative; height:auto; box-sizing:border-box;  margin-top:0px; }
	#lnb .lnbIn { position:relative; left:0; top:0; z-index:100; width:100%; height:auto; box-sizing:border-box;}
	#lnb .lnbIn:after {content:""; display:block; clear:both}
	#lnb .lnbIn .area {position:relative; height:auto; background: none}
	#lnb .lnbIn ul li {float:left; width:calc(50% - 1px); display:block;  border-right:1px solid rgba(256,256,256,0.3); }
	#lnb .lnbIn ul li.home {display:none;}
	#lnb .lnbIn ul li.first {display:none;}
	#lnb .lnbIn ul li.second {display:none;}
	#lnb .lnbIn ul li.third {width:100%;}
	#lnb .lnbIn ul li.third a {display:none;}
	#lnb .lnbIn ul li.third div.in {position:Relative; display:block; text-align:Center;}
	#lnb .lnbIn ul li ul {position:Relative; overflow:visible; max-height:300px; width:96%; padding:15px 2% 0 2%; }
	#lnb .lnbIn ul li ul li:first-child {text-align:center; width:33%;  vertical-align:Top;  display:inline-block; }
	#lnb .lnbIn ul li ul li {text-align:center; width:33%;  vertical-align:Top;  display:inline-block; }
	#lnb .lnbIn ul li.sub-menu ul li a {float:none; color:#727272; font-size:13px; line-height:40px; height:40px; border-top:0px;background:none; width:100%; box-sizing:border-box; background-color:#fff;  border-left:4px solid #fff; border-right:4px solid #fff;  border-bottom:2px solid #f1f1f1;  padding:0px; }
	#lnb .lnbIn ul li.sub-menu ul li a:hover {float:none; color:#0d78b0; font-size:13px; line-height:40px; height:40px; border-top:0px;background:none; width:100%; box-sizing:border-box; background-color:#fff;   border-bottom:3px solid #0d78b0; }
	#lnb .lnbIn ul li.sub-menu ul li a.on {float:none; color:#0d78b0; font-size:13px; line-height:40px; height:40px; border-top:0px;background:none; width:100%; box-sizing:border-box; background-color:#fff;   border-bottom:3px solid #0d78b0; }
*/



	ul.list_third {margin-left:0px;}
	ul.list_third li {float:left; width:100%; margin-right:0%; padding:0px; margin-top:15px;}
	ul.list_third li:nth-child(3n) {margin-right:0; }
	ul.list_third li h5 {font-size:16px; font-weight:400; }

	ul.div_two_part li {float:left; width:100%; margin-left:0%; margin-top:20px;}
	ul.div_two_part li:first-child {margin-left:0; margin-top:0px;}

	.tableType3{border-top:2px solid #000; letter-spacing:-1px}
	.tableType3 table th{padding:14px 8px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:22px; color:#000; background:#f7f8fa; vertical-align:middle;  text-align:center; word-break:keep-all}
	.tableType3 table td{padding:14px 10px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:22px; color:#555; vertical-align:middle; word-break:keep-all}
		

}





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

	#subContainer {position:relative; width:100%}
	#subContainer .subVisual{width:100%; height:300px; padding-bottom:40px; position:relative;  display:table;}
	#subContainer .subVisual .visualTxt {max-width:1400px; margin:0 auto; text-align:center;  display:table-cell; vertical-align:middle;  padding:50px 5% 0 5%;}
	#subContainer .subVisual .visualTxt p {padding-top:10px;color:#fff; font-size:0.9em;  line-height:1.3em; word-break:keep-all;}
	#subContainer .subVisual .visualTxt p.img{margin-bottom:0px; font-size:2.1em; letter-spacing:-0.03em; }
	#subContainer .subVisual .visualTxt p.img:before {position:absolute; content:""; display:block; background-color:#fff; width:2px; height:20px; left:50%; margin-top:-26px;}
	#subContainer .subVisual .visualTxt p.img img{height:100%}


}



@media all and (max-width:640px){
/*
	#lnb .lnbIn ul li ul li:first-child {text-align:center; width:50%;  vertical-align:Top;  display:inline-block; }
	#lnb .lnbIn ul li ul li {text-align:center; width:50%;  vertical-align:Top;  display:inline-block; }*/

}