@charset "utf-8";

/* 
 * Common CSS Document 
 * IEETU Web Standardization Team 
 * 2017-06-12 
 */

/* Skip Navigation */
#accessibility a {display:block; position:absolute; top:-40px; left:0; z-index:10; width:100%; height:25px; line-height:25px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#accessibility a:hover {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
#accessibility a:active {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
#accessibility a:focus {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
a#content {margin:0; padding:0; font-size:0; line-height:0;}


/* 텍스트 정렬 */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}

/* Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle;}
.form_control{padding:7px 8px; border:1px solid #ccc; border-radius:2px; background:#fff; vertical-align:middle; transition:border-color 0.2s;}
.form_control:focus{outline:0; border-color:#3aabf0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(58,171,240,0.6);}
.form_control:hover{border-color:#99d3f7; box-shadow:0 0 4px rgba(153,211,247,0.4);}
input[type=text],
input[type=password],
select{height:35px; border:1px solid #c3c3c3; padding:0 5px; box-sizing:border-box;}
select::-ms-expand {background-color: transparent; border: 0;}
input[type=file]{height:auto; padding: 0; background:#eee; font-size:1.08em;}
input[type=checkbox],
input[type=radio]{width:13px; height:13px; margin:2px 3px 1px 0;}
input[readonly],
input[disabled]{background: #eee;}
textarea{border:1px solid #c3c3c3;}
/* 필수입력 */
.marking{display:inline-block; position:relative; width:10px; height: 14px; margin-bottom:-2px; text-indent:100%; overflow:hidden; white-space:nowrap;} 
.marking:after{content: '*'; display: inline-block; position: absolute; top: 0; left: 0; line-height: 17px; font-size:14px; font-weight:600; text-indent: 0; color:#c51917;}

/* button */
.btn_area{padding:15px 0px; text-align:right;}
.button{display:inline-block; min-width:84px; height:36px; line-height:34px; padding:0 10px; box-sizing:border-box; background:#fff; border:1px solid #c3c3c3; font-weight:600; letter-spacing:-1px; color:#333 !important; text-align:center; transition:all 0.2s ease 0s; vertical-align:middle;}
.button.ico{position:relative;}
.button.ico:after{content:''; display:block; width:1px; height:13px; background:#e1e1e1; position:absolute; left:37px; top:50%; margin-top:-7px;}
.button.ico:before{content:''; display:inline-block; width:17px; height:16px; margin-right:15px; margin-top:-3px; background:url(../images/common/sp_btn_ico.png) no-repeat 0 0; vertical-align:middle;}
.button.ico.send:before{background-position:0px 0px;}
.button.ico.cancel:before{background-position:-17px 0px;}
.button.ico.check:before{background-position:-34px 0px;}
.button.ico.list:before{background-position:-51px 0px;}
.button.ico.edit:before{background-position:-68px 0px;}
.button.ico.del:before{background-position:0 -16px;}
.button.ico.id:before{background-position:-17px -16px;}
.button.ico.pw:before{background-position:-34px -16px;}
.button.sm{font-size:12px; font-weight:400;}
.button.light{border:1px solid #e1e1e1;}
.button.light.ico:before{content:''; display:inline-block; width:11px; height:13px; margin-right:5px; background:url(../images/common/sp_btn_ico.png) no-repeat -89px -14px;}
.button.light.ico:after{display:none;}
.button.light.ico.perv:before{background-position:-89px -14px;}
.button.light.ico.next:before{background-position:-89px -27px;}
.button.light.ico.top:before{background-position:-89px -40px;}

/* input button */
input.button.ico{padding-left:36px;}
input.button.ico.send{background:url(../images/common/ip_btn_send.png) no-repeat 10px 50%;}
input.button.ico.check{background:url(../images/common/ip_btn_check.png) no-repeat 10px 50%;}
input.button.ico.id{background:url(../images/common/ip_btn_id.png) no-repeat 10px 50%;}
input.button.ico.pw{background:url(../images/common/ip_btn_pw.png) no-repeat 10px 50%;}

/* Button Active */
.button:hover,
.button:focus{background-color:#f5f5f5;}
.button:active{background-color:#eaeaea; box-shadow:inset 0 3px 5px rgba(0,0,0,.1);}

/* Paging */
.pagination{padding:20px 0; border-bottom:1px solid #e1e1e1; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box;	min-width:29px; height:29px; background:#fff; font-size:13px; font-weight:600; color:#777; line-height:27px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; color:#ff0502; text-decoration:underline;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{margin:0 3px; border:1px solid #d6d6d6; text-indent: -9999em;}
.pagination .page_prev{margin-right:10px;}
.pagination .page_next{margin-left:10px;}
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after{content:''; display: inline-block; position: absolute; top:8px; left:10px; width:6px; height:11px; background:url(../images/common/sp_btn_ico.png) no-repeat 0 -300px; vertical-align:middle;}
.pagination .page_prev:before{background-position:0 -350px;}
.pagination .page_prevend:before{left:7px; width:12px; background-position:0 -300px;}
.pagination .page_next:after{background-position:0 -400px;}
.pagination .page_nextend:after{left:7px; width:12px; background-position:0 -450px;}
.content.type02 .pagination{border-bottom:0px;}
.content.type02 .pagination + .btn_area{padding:0px;}
.pagination .total{display:none;}
.mobile_pagination {display:none;}

/* banner 공통 */
.banner, .banner_top{display:block; position:relative;}
.banner img, .banner_top img{width:100%; height:auto;}
.banner.b_tablet, .banner_top.b_tablet,
.banner.b_mobile, .banner_top.b_mobile{display:none;}
/* .banner.b_tablet:after,
.banner.b_mobile:after{content:'Tablet'; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,255,255,.5); font-size:40px;}
.banner.b_mobile:after{content:'Mobile'; background:rgba(0,0,255,.5);} */
/* banner */
#container .banner, #container .banner_top{margin-bottom:20px; overflow:hidden;}

/* content title */
.cont_title{margin:20px 0px; text-align:center;}
.cont_title h2{padding-bottom:15px; font-size:34px; font-family:'바탕'; letter-spacing:-2px; color:#000;}
.cont_title h2 > span{display:inline-block; padding-bottom:10px; border-bottom:1px solid #7f7f7f;}
.cont_title p{color:#666;}
.cont_title p > em{color:#e11b1b;}
.cont_title p:first-of-type{font-size:13px;}

/* bbsSearch */
#bbsSearch{position:relative; padding:20px 0px;}
#bbsSearch:after{content:''; display:block; clear:both;}
#bbsSearch .total{float:left; margin-top:9px;}
#bbsSearch .form{float:right;}
#bbsSearch .total strong{color:#274b9f;}
#bbsSearch .form input[type="submit"].button{width:35px; height:35px; min-width:inherit; padding:0px; margin-left:-5px; background:url(../images/common/sp_com.png) no-repeat -231px -38px; border-left:0px;}
#bbsSearch .form input[type="text"]{border-right:0px;}

/* bbsList */
.bbsList{border-top:2px solid #7f7f7f; border-bottom:1px solid #7f7f7f; width:100%;}
.bbsList thead th{padding:15px 0px; border-bottom:1px solid #7f7f7f; background:url(../images/common/bul_table.gif) no-repeat left 50%;}
.bbsList thead tr th:first-child{background:none;}
.bbsList tbody td{padding:13px 5px; border-top:1px solid #e1e1e1; text-align:center; letter-spacing:-0.5px;}
.bbsList tbody td > a{display:inline-block;}
.bbsList tbody td > a:hover,
.bbsList tbody td > a:focus{text-decoration:underline;}
.bbsList .new{display:inline-block; width:14px; height:13px; margin-left:5px; background:url(../images/common/sp_com.png) no-repeat -286px -72px; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.bbsList .self{display:inline-block; background:#2565d0; padding:3px; margin-left:3px; color:#fff; font-size:12px; letter-spacing:-1px; box-shadow:1px 1px 2px rgba(0,0,0,0.15);}

/* bbsVeiw */
.bbsView{border-top:2px solid #7f7f7f; border-bottom:1px solid #7f7f7f; width:100%; table-layout:fixed;}
.bbsView thead th{padding:13px 5px; border-bottom:1px solid #e1e1e1; font-size:15px; letter-spacing:-0.5px; color:#333;}
.bbsView tbody td{padding:13px 5px;}
.bbsView tbody tr:first-child td{border:1px solid #e1e1e1; border-bottom:1px solid #7f7f7f; text-align:center; color:#333;}
.bbsView tbody tr:first-child td > span{background:url(../images/common/bul_table.gif) no-repeat right 50%; padding-right:10px; margin-right:10px; font-weight:bold;}
.bbsCont{padding:20px 0; line-height:1.4em;}
.bbsCont .img{padding-bottom:20px; text-align:center;}
.bbsCont img{max-width:100%;}

/* bbstip */
.bbs_tip{padding-top:10px; margin-bottom:15px;}
.bbsWrite{border-top:2px solid #7f7f7f; border-bottom:1px solid #7f7f7f; width:100%;}
.bbsWrite th,
.bbsWrite td{padding:7px 10px; border-bottom:1px solid #e1e1e1;}
.bbsWrite th{padding-left:15px; background:url(../images/common/bul_table.gif) no-repeat right 50%; border-left:1px solid #e1e1e1; text-align:left; letter-spacing:-1px;}
.bbsWrite tr th:first-child{border-left:0px;}
.bbsWrite tbody tr:last-child th,
.bbsWrite tbody tr:last-child td{border-bottom:0px;}
.bbsWrite td{height:36px;}
.bbsWrite input[type="text"],
.bbsWrite textarea{width:100%;}
.bbsWrite textarea{margin:2px 0px;}
.bbsWrite .code{display:inline-block;}
.bbsWrite .tel input[type="text"]{width:70px !important;}
.bbsWrite .col02 input[type="text"]{width:100px !important;}
.bbsWrite td:not(.edit) span{display:block;} 
.bbsWrite .title{text-align:center !important; background:none;}
.bbsWrite .edit{padding:10px 0px;}
.bbsWrite .captcha{width:150px !important;}
.bbsWrite td.bbsViewBody img {width:auto; max-width:100%;}

/* 포토갤러리 */
.photoList{border-bottom:1px solid #7f7f7f;}
.photoList:after{content:''; display:block; clear:both;}
.photoList > li{float:left; width:30%; margin-bottom:30px;}
.photoList > li:nth-child(3n+2){margin:0 5%;}
.photoList > li span{display:block; letter-spacing:-0.5px;}
.photoList > li a{display:block;}
.photoList > li a:hover,
.photoList > li a:focus{text-decoration:underline;}
.photoList > li .img{width:216px; height:147px; overflow:hidden;}
.photoList > li .img img{height:100%;}
.photoList > li .title{margin:10px 0 7px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photoList > li .date{border-top:1px solid #e1e1e1; margin-top:10px; padding-top:10px; color:#666;}
.photoList .no_data{width:100%; padding-top:30px; float:none; text-align:center;}

/* webzin */
.webzin .date{display:block; margin-top:10px; color:#666;}
.webzin > li a{height:auto !important;}
.webzin > li:last-child{border-color:#7f7f7f !important;}
.webzin > li p{margin-top:5px;}

/* 스팸방지 */
.content .code{margin-left:5px; color:#fff;}
.content .code img{vertical-align:middle;}
.content .code a#refreshBtn{display:inline-block; vertical-align:middle;}

/* input */
input[type="radio"] + label,
input[type="checkbox"] + label{margin-right:5px;}
.inputFull{width:100% !important;}
.input100{width:100px !important;}
.input150{width:150px !important;}
.input200{width:200px !important;}
.input230{width:230px !important;}

/* table */
.table{width:100%; margin-top:20px; border-top:2px solid #7f7f7f; border-bottom:1px solid #7f7f7f;}
.table thead th{background:url(../images/common/bul_table.gif) no-repeat left 50%; border-bottom:1px solid #7f7f7f;}
.table thead tr th:first-child{background:none;}	
.table tbody th,
.table tbody td{border-bottom:1px solid #e1e1e1;}
.table th{padding:13px 5px; color:#333; font-weight:600;}
.table td{padding:10px 5px;}

@media all and (max-width:1024px){
	/* banner */
	.banner, .banner_top{display:none;}
	.banner.b_tablet{display:block; width:100% !important;}
	.banner_top.b_tablet{display:block; width:50% !important;}
	.banner.b_tablet img, .banner_top.b_tablet img{width:100% !important; height:auto !important;}
	
	/* 페이징 */
	/* .pagination .total{display:block; position:relative; bottom:-20px; text-align:center; font-size:14px;}
	.pagination .total > span{font-weight:600; color:#ff0502;}
	.pagination a,
	.pagination strong{display:none;}
	.pagination .page_prev,
	.pagination .page_prevend,
	.pagination .page_next,
	.pagination .page_nextend{display:inline-block;}
	.pagination{position:relative;}
	.pagination .page_prev{margin-right:40px;}
	.pagination .page_next{margin-left:40px;} */
	
	input[type=file]{width:100%;}
	
	/* 게시판 */
	.photoList > li .img{width:100%; position:relative;}
	.photoList > li .img img{max-width:220px; position:absolute; left:50%; margin-left:-110px;}
}

@media all and (max-width:640px){
	/* banner */
	.banner, .banner_top{display:none;}
	.banner.b_tablet, .banner_top.b_tablet{display:none;}
	.banner.b_mobile{display:block; width:100% !important;}
	.banner_top.b_mobile{display:block; width:50% !important;}
	.banner.b_mobile img, .banner_top.b_mobile img{width:100% !important; height:auto !important;}
	
	/*  */
	.cont_title h2{font-size:27px;}
	.cont_title p{word-break:keep-all;}
	.cont_title p > br{display:none;}
	#bbsSearch .total,
	#bbsSearch .form{float:none;}
	#bbsSearch .total{display:inline-block; margin-top:0px; margin-bottom:5px;}
	
	/* 게시판 */
	.bbsList *[data-table-type="number"]{display:none;}
	.bbsList *[data-table-type="count"]{display:none;}
	.bbsList *[data-table-type="subject"]{background:none;}
	.bbsList col[data-table-type="author"]{width:80px !important;}
	.bbsList col[data-table-type="date"]{width:90px !important;}
	
	.bbsView tbody tr:first-child td > span{display:block; padding-right:0px; margin-right:0px; background:none;}
	.bbsView tbody td{padding:10px 5px;}
	.bbsWrite{table-layout:fixed;}
	.bbsWrite colgroup col:nth-of-type(1),
	.bbsWrite colgroup col:nth-of-type(3){width:100px !important;}
	.bbsWrite colgroup col:nth-of-type(2),
	.bbsWrite colgroup col:nth-of-type(4){width:auto !important;}
	
	.photoList > li{float:none; width:auto; margin:0px !important; border-bottom:1px solid #e1e1e1; padding:10px 0px;}
	.photoList > li a{position:relative; height:103px;}
	.photoList > li .img{width:151px; height:103px; position:absolute; left:0px; top:50%; margin-top:-55px;}
	.photoList > li .img img{width:auto; position:static; margin:0px;}
	.photoList > li .date{display:none;}
	.photoList > li span:not(.img){margin-left:161px;}

	/* 버튼 */
	.btn_area a{margin:3px 0;}
	
	/* input */
	input[class*="input"],
	.bbsWrite .captcha{width:100% !important;}
	
}

@media all and (max-width:480px){
	.bbsWrite{table-layout:inherit;}
	.bbsWrite colgroup col{width:100% !important;}
	.bbsWrite th,
	.bbsWrite td{display:block;}
	.bbsWrite th{background:none; border-left-width:0px;}
	.bbsWrite td{height:auto;}
	.bbsWrite tbody tr:last-child th,
	.bbsWrite tbody tr:last-child td{border-bottom:1px solid #e1e1e1;}
	
	.photoList > li a{height:74px;}
	.photoList > li .img{width:108px; height:74px; margin-top:-37px;}
	.photoList > li .title{margin-top:0px;}
	.photoList > li span:not(.img){margin-left:118px;}
	
	.normal_pagination {display:none;}
	.mobile_pagination {display:block;}
}