@font-face {font-family:NG; src:url('/font/NanumGothic.eot'); src:local(※), url('/font/NanumGothic.woff') format('woff');}
@font-face {font-family:NGEN; src:url('/font/NanumGothicBold.eot'); src:local(※), url('/font/NanumGothicBold.woff') format('woff');}
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0; border:0;line-height:155%;} /* delete vertical-align,font:inherit; */
body,html {width:100%; font-size:14px; color:#666; letter-spacing:-0.3pt; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* text-size-adjust : ios에서 회전시 글씨 커지는 현상 조절 css */
* {font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; letter-spacing:-0.4pt;}
ol,ul,li {list-style:none; padding:0; margin:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate; border-spacing:0; font-size:14px;}
table caption {overflow:hidden; font-size:0; line-height:0;}
dt {display:block;}
hr {display:none;}
a {cursor:pointer;text-decoration:none;color:#666;}
address {font-style:normal;}
input,select,img {vertical-align:middle;}
.blind {width:1px; height:1px; overflow:hidden; position:absolute; top:-9999em; left:-9999em; display:block; text-indent:-9999em; font-size:0px; line-height:0;}
.eng_font {font-family: 'Montserrat', sans-serif !important; letter-spacing:0 !important;}

input[type=text] {border-radius:0;}	/* ios 둥근라인 없애기*/
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
input[type=image] {border-radius:0;}	
input[type=button], input[type=submit] {border-radius:0; -webkit-border-radius: 0; -webkit-appearance: none;}	
button {border:none; background:none;}

select {padding: .35em 2.0em .35em .5em; background: #fff url('/m/img/foot_select_arrow.gif') no-repeat right 50% !important; border: 1px solid #ddd; border-radius: 0px  !important; -webkit-appearance: none  !important; -moz-appearance: none  !important; appearance: none  !important;} 
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }

.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.multiline {overflow:hidden; height: 3.0em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.5em; text-overflow:ellipsis; }

/* Web Content Accessibility TTS(Text To Speech) Code */
.skip {position:fixed;top:0;left:0;width:100%;z-index:500}
.skip a:link, 
.skip a:visited {display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block; padding:9px 0; height:12px; width:100%; text-align:center; font-size:13px; color:#fff; background:#102457; line-height:12px; "NanumGothic",'Nanum Gothic', 나눔고딕, NG, Malgun Gothic, 맑은고딕, 돋움, 굴림, Tahoma, Geneva, sans-serif;} 

.mobile_460 {display:none;}

/* 레이아웃 */
#wrap {width:100%; min-width:320px; max-width:670px; overflow:hidden; margin:0 auto; box-sizing:border-box;}

#header_top {background:#eee; padding:12px 10px; box-sizing:border-box; overflow:hidden;}
#header_top dt {float:left; color:#666; font-weight:600; font-size:16px; line-height:normal; letter-spacing:-0.5pt;}
#header_top dd {float:right; font-weight:600; font-size:16px;}
#header_top dd strong {display:inline-block; color:#333; margin-right:10px; letter-spacing:-0.5pt;}
#header_top dd span {color:#f8bd00; font-size:20px; line-height:normal;}

#header {position:relative; width:100%; box-sizing:border-box;}
#header h1 {padding:20px 0 20px 10px;}
#header h1 img {max-height:42px;}
#header .favorite {position:absolute; right:106px; top:22px; z-index:2;}
#header .favorite img {max-height:45px;}
#header .mBtn_m {display:block; position: absolute; right:10px; top:22px;}

/* 검색버튼 */
.searchZone .lookBtn { position:absolute; right:58px; top:22px; z-index:2;}
.searchZone .lookBtn img {max-height:45px;}
.searchZone .search {display:none; position:absolute; right:105px; top:22px; height:45px; z-index:5;}
	.searchZone .search {overflow:hidden; width:180px;}
	.searchZone .search dd {float:left; width:135px;}
	.searchZone .search dd input {border:1px solid #ddd; border-right:none; background-color:#f5f5f5; height:45px; width:100%; box-sizing:border-box; padding:5px; font-size:13px; background-color:#f5f5f5;}
	.searchZone .search dt {float:right;}
	.searchZone .search dt input[type=image] {height:45px;}


/* 메뉴 : 슬라이드 메뉴 */
#menuArea {max-width:500px; min-width:220px; height:100%; position:fixed; left:0; top:0; z-index:99; overflow-x:hidden; overflow-y:auto; display:none;} /* background:rgba(0,0,0,0.5); background:url("/incsa/m/img/bg_black75.png") repeat left top; */ 
#menuArea div.logo {text-align:center; padding:15px 0; border-bottom:2px solid #339fa6;}
#menuArea div.logo img {height:45px;}
#menuArea .menuList {width:40%; max-width:500px; min-width:220px; min-height:100%;  background:#fff; position:absolute; left:-528px; box-sizing:border-box;overflow-y:auto;}
#menuArea .menuList>.list {background-color:#fff;}
#menuArea .menuList>.list>li {border-bottom:1px solid #ccc;}
#menuArea .menuList>.list>li>a {padding:13px 15px; display:block; font-size:14px; line-height:100%; color:#333;  font-weight:600;}  
#menuArea .menuList>.list>li>a>.icon {width:19px; height:19px; float:right; display:block; background:url('/m/img/menu_arrow.png') top no-repeat; margin-top:-2px;}
#menuArea .menuList>.list .sMenu {background-color:#f4f4f4; position: relative;  width: 100%;  padding:14px 0; display:none;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {display:block; padding:2px 0 2px 15px; background:#f4f4f4; border:none; font-size:13px; letter-spacing:-0.5pt; color:#555;}
#menuArea .menuList>.list .sMenu>li>a:hover {background:#f4f4f4 !important;}
#menuArea .menuList .btnMenu_mClose {display:block; width:96%; line-height:130%; padding:10px 0; text-align:center; font-size:13px; background:#0a5bbc; color:#fff; margin:10px auto; border:none; font-weight:600;}

#grayLayer {width:100%; height:100%; background:rgba(50,50,50,0.5); position:fixed; left:0; top:0; z-index:90; overflow-x:hidden;overflow-y:auto;display:none;}
/*#grayLayer {display:none; position:absolute; left:0;top:0;height:100%;width:100%; background:#000; filter:alpha(opacity=50);opacity:0.5; z-index:100;}*/
#grayLayer > a {display:block;width:100%;height:100%}

/* 전체메뉴 버튼 */
button.menu-trigger {width: 45px; height:45px; line-height:46px; background:#fff; position: relative; box-sizing:border-box; cursor: pointer; border:1px solid #ddd;}
button.menu-trigger span.box {width: 18px; height: 17px; margin: auto; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
button.menu-trigger span.box span.bar {width: 100%; height:3px; background-color: #2e3738; position: absolute; left: 0; -webkit-transition: .5s; transition: .5s;}
button.menu-trigger span.box span.bar.top {top: 0px;}
button.menu-trigger span.box span.bar.middle {margin: -1px auto 0 auto; top: 50%; width:12px; text-align:left; background:#339fa6;} 
button.menu-trigger span.box span.bar.bottom {bottom: 0px; background:#256fb8;}

/* 메뉴 */
#menu {position:relative; border-top:1px solid #ddd;}
#menu ul {overflow:hidden;}
#menu li {float:left; width:33.3333%; text-align:center; font-size:16px; font-weight:600; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
#menu li:nth-child(3n) {border-right:none;}
#menu li a {display:block; padding:15px 0; line-height:normal; color:#333; height:19px;}
#menu li a.multi {padding:6px 0; height:37px;}

#menu2 {position:relative; border-top:1px solid #ddd;}
#menu2 ul {overflow:hidden;}
#menu2 li {float:left; width:33.3333%; text-align:center; font-size:16px; font-weight:600; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
#menu2 li:nth-child(3n) {border-right:none;}
#menu2 li a {display:block; padding:15px 0; line-height:normal; color:#333; height:50px;}
#menu2 li a.multi {padding:6px 0; height:50px;}

/*탑 버튼*/
div.topBtn { position:fixed; right:10px; bottom:10px;z-index:999; width:52px; height:52px;}
div.topBtn img {max-width:100%;}
div.topBtn #scroll { display:none; }

/* 하단 */
#footer {position:relative; width:100%; }
#footer .foot_menu {background:#f0f0f0;}
#footer .foot_menu a {display:inline-block; padding:15px 10px; letter-spacing:-0.5pt;}
#footer .foot_menu a.privacy {color:#007788; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
#footer dl {margin:0 auto; padding:30px 10px; box-sizing:border-box; border-bottom:1px solid #ddd;}
#footer dd.address span {display:inline-block; margin-right:15px; letter-spacing:-0.5pt;}
#footer dd.address span.tel {color:#333; font-weight:600;}
#footer dd.address p {margin-top:12px; color:#b8b8b8; font-family:"Montserrat", Tahoma, Geneva, sans-serif; font-weight:500;}
#footer dd.address p span {margin:0;}
#footer dt {text-align:center; padding-top:20px;}
#footer dt img:last-child {margin-left:15px;}
#footer dd.btn {text-align:center; padding-top:30px;}
#footer dd.btn a {display:inline-block; width:49%; border:1px solid #ddd; padding:15px 0; line-height:100%; box-sizing:border-box; margin:0 0.5%; font-weight:600; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s;}
#footer dd.btn a:hover {background:#0b838b; border:1px solid #0b838b; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s;}

#footer .info {position:relative; margin:30px 10px 10px 10px; background:url('/img/foot_icon.png') left top no-repeat; padding-left:50px; box-sizing:border-box;} 
#footer .info p {margin-bottom:15px; letter-spacing:-0.4pt;}
#footer .info span {margin-right:15px; letter-spacing:-0.4pt;}
#footer .info strong {display:block; color:#333; font-size:18px; line-height:150%;}
#footer .msg {margin:20px 10px 30px 10px; background:#e6f2f3; text-align:center; color:#0b838b; padding:15px 10px; font-size:16px; letter-spacing:-0.5pt;}
#footer .msg strong {font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
#footer a.quick_top {position:fixed; right:0; bottom:0; z-index:3; width:103px; height:106px;}


/* 게시판 페이징 */
.page_num {position: relative; width: 100%; text-align: center; padding:25px 0; }
.page_num ul.pagination {display: inline-block; padding: 0; margin: 0; }
.page_num ul.pagination li {display: inline;}
.page_num ul.pagination li a {color: #666; float: left; padding: 5px 10px; text-decoration: none; border:1px solid #CBCBCB; margin:0 1px; font-size:12px;}
.page_num ul.pagination li a.active {background: #484C57; color: #FFF; border: 1px solid #484C57;}


/*******************************************************************************
	@media 320px~ 460px
*******************************************************************************/
@media all and (max-width:460px) {

.mobile_460 {display:block}

#header_top dt {font-size:12px;}
#header_top dd {font-size:12px;}
#header_top dd span {font-size:14px;}

/* 레이아웃 */
#header h1 {padding:15px 0 15px 10px;}
#header h1 img {width:150px; }
#header .mBtn_m {top:18px;}

#header .favorite {right:97px; top:18px;}
#header .favorite img {max-height:41px;}

/* 검색버튼 */
.searchZone .lookBtn {right:53px; top:18px;}
.searchZone .lookBtn img {max-height:41px;}
.searchZone .search {display:none; position:absolute; right:97px; top:18px; height:41px;}
	.searchZone .search {width:176px;}
	.searchZone .search dd input {height:41px;}
	.searchZone .search dt input[type=image] {height:41px;}


#header .searchZone {top:18px; right:54px;}
#header .searchZone img {max-height:41px;}

/* 메뉴 */
#menu li {font-size:14px;}
#menu li a { padding:12px 0;}
#menu li a.multi {padding:5px 0; height:33px;}


/* 전체메뉴 버튼 */
button.menu-trigger {width: 40px; height:41px; line-height:41px; background:#fff; position: relative; box-sizing:border-box; cursor: pointer; border:1px solid #ddd;}
button.menu-trigger span.box {width: 18px; height: 18px; margin: auto; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
button.menu-trigger span.box span.bar {width: 100%; height:3px; background-color: #2e3738; position: absolute; left: 0; -webkit-transition: .5s; transition: .5s;}
button.menu-trigger span.box span.bar.top {top: 0px;}
button.menu-trigger span.box span.bar.middle {margin: -1px auto 0 auto; top: 50%; width:12px; text-align:left; background:#339fa6;} 
button.menu-trigger span.box span.bar.bottom {bottom: 0px; background:#256fb8;}


/* 하단 */
#footer dl {padding:25px 10px;}
#footer dt img {height:70px;}
#footer dt img:last-child {margin-left:8px;}
#footer .foot_menu a {padding:12px 6px; font-size:13px;}
#footer .msg {font-size:14px;}


}