/* 공통 스타일 */
body{color:#333; font-size:14px; word-break:keep-all;}
/* 마우스 드래그할때 속성값 */
::selection{background:#fab95b; color:#333}
::-moz-selection{background:#fab95b; color:#333}
caption{display:none}
.blind{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
table tr td,table tr th{vertical-align:middle; padding:10px 0;}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.f_l {float:left}
.f_r {float:right}
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.txt_left2 {text-align:left; text-indent:1em;}
.txt_cent2 {text-align:center;}
.txt_right2 {text-align:right;}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.pl10{padding-left:10px;}
/* 공통 버튼 스타일 */
button:focus{outline:0}
.btn_border{display:inline-block; width:45px; height:43px; border:1px solid #333; padding:2px; cursor:pointer; box-sizing:border-box; background:#fff; transition:all .35s;}
.btn_border:hover{background-color:#eee;}
.btn{display:inline-block; height:36px; line-height:36px; padding:0 30px; box-sizing:border-box; text-align:center; vertical-align:middle; border-radius:2px; background:#272343; color:#fff; border:1px solid #444; opacity:0.85; font-size:15px; letter-spacing:1.2px; vertical-align:middle; cursor:pointer}
.btn_mini{height:25px; line-height:25px; padding:0 15px; font-size:12px}
a.btn{font-size:15px; padding:0 30px; line-height:35px;}
.btn:hover{opacity:1;}
.btn_w{background:#fff; border:1px solid #272343; color:#272343}
.btn_w:hover{background:#e0e0e0;}
.btn_gr{background:#107409; border:1px solid #107409; color:#fff}
.btn_gr:hover{background:#c2eabf; color:#107409}
.btn_y{background:#fefed5; color:#333; border:1px solid #e4e497;}
.btn_y:hover{background:#fdf383; border-color:#e6e23c;}
.btn_o,.tab_o{background:#ffcd3c; color:#000; border:1px solid #e9b41b;}
.btn_o:hover{background:#ffb637; color:#333; border-color:#d69000;}
.btn_g,.tab_g{background:#777; border:1px solid #666; color:#fff}
.btn_g:hover{background:#555; font-weight:500;}
.btn_r{background:#ff2a2a; border:1px solid #ff2a2a; color:#fff}
.btn_r:hover{background:#fff2f2; color:#ff2a2a;}
.close_btn{width:20px; height:20px; background:url(../images/icons/close_w.png) no-repeat center/ 20px;}
.close_btn:hover{background-color:rgba(255,255,255,.2)}
.plus_btn{background:url(../images/icons/plus_b.png) no-repeat center / 20px;}
.down_ico{background:url(../images/icons/download.png) no-repeat center / 14px;}
.section a.plus_btn{padding:5px 15px; margin-left:10px; background-size:13px;}
span.tab_g, span.tab_o{display:block; font-size:14px; line-height:1.7}
.bbs_tab{display:block; float:left; margin-right:5px; background:#ff9234; border-radius:2px; font-size:13px; padding:2px 5px; color:#fff;}
.bbs_down{color:#272343}
.bbs_new{display:inline-block; background:#ffffaf; font-size:10px; padding:1px 2px; color:#272343; font-weight:700; border-radius:5px; vertical-align:top;}
input[type="text"],input[type="password"],input[type="time"], select{height:35px; box-sizing:border-box; padding:0 6px; font-size:14px; background-color:#fff; color:#444; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #acacac;}
select::-ms-expand{display:none;}
select{background:#fff url(../images/icons/sort-down.png) no-repeat 95% 50% / 13px; padding:6px 17px 6px 10px;}
input::placeholder{color:#888;}
/* 빨간색 강조 글씨 폰트 스타일 */
.bold{color:#111; font-weight:700; font-size:15px}
.font_r, .contents .font_r{color:#ff0000; font-weight:700;}
.font_b{color:#1429a9; font-weight:700;}
.add_info{display:block; width:100%; color:#ff0000; font-size:13px; letter-spacing:-1.3px;}
.container{max-width:1200px; height:100%; margin:0 auto; position:relative; text-align:center;}
.clearfix:after{content:""; display:table; clear:both;}
.under{color:#666}
.under:hover{text-decoration:underline; color:#272343}
/* 헤더 영역 */
#topline{background-color:#ffffff; height:70px; }
.table_section .row{display:table; min-width:100%; height:100%;}
.pc_logo,.pc_menu_btn{display:block;}
.pc_logo img{width:260px; margin-top:3px;}
.mobile_righttop, .m_menu_btn{display:none;}
.mobile_logo{display:none; margin-left:2px;}
.mobile_logo img{width:245px; margin:5px 10px;}
/****************PC용 상단 가이드 메뉴 우측 여백******************/
.header_util{margin:0; line-height:40px; font-size:14px; text-align:center; letter-spacing:-1pt;}
.header_util a{margin:0 5px;}
.header_util a:hover{color:#ff9234}
.header_left{float:left; padding-top:10px; text-align:center;}
.header_right{float:right; padding-top:25px;}
#subpage_top{padding-top:55px;}
/* 상단 검색 영역 */
.srch_box{position:absolute; top:14px; left:50%; width:460px; margin-left:-210px; text-align:center;}
.srch_box input[type="text"],.srch_box input[type="password"]{width:90%; height:45px; padding-left:10px; margin-right:-8px; border:3px solid #272343}
.srch_btn{background:#272343; color:#fff; height:45px; width:10%; box-sizing:border-box; font-size:20px;}
/* 메뉴 */
.menu_btn{position:absolute; top:0; right:0; margin-top:4px; font-size:20px;}
.nav_bg{display:none;}
/*************PC용 메뉴 속성******************/
.nav{position:absolute; width:100%; background:#fff; z-index:500; border-bottom:1px solid #333; box-shadow:0px 4px 6px -4px rgba(0,0,0,.2);}
.menu_wrap{border-top:1px solid #ddd;}
.menu_wrap:after{content:""; position:absolute; display:block; width:100%; height:1px; margin-top:54px; background:#dbdbdb; z-index:500;}
.main_menu{width:1140px; margin:0 auto; text-align:center;}
.main_menu>li{display:block; float:left; box-sizing:border-box;}
.main_menu>li>a{position:relative; display:block; width:180px; padding:18px 0; font-size:18px; letter-spacing:-1.2px; color:#555; font-weight:700;}
.sub-menu_link{display:none; width:180px; height:300px; padding-left:15px; z-index:9999; text-align:left; background:#fff; border-right:1px solid #ddd; box-sizing:border-box;}
.main_menu>li:nth-child(1) .sub-menu_link{border-left:1px solid #ddd}
.sub-menu_link>li>a{display:block; line-height:2.6; font-weight:normal; font-size:14px; letter-spacing:-1px; color:#666}
.main_menu>li.on .sub-menu_link>li>a:hover{color:#111}
.main_menu>li.on:hover>a{color:#272343}
.main_menu>li.on:hover .sub-menu_link{background:#fdfafa}
.main_menu>li>a:before{content:""; position:absolute; bottom:-1px; left:50%; display:block; width:0; height:4px; transform:translateX(-50%); background:#645d8c; transition:all .4s}
.main_menu>li:hover>a:before{width:100%;}
.mobile_menu_wrap{display:none;}
.sub-menu_child{display:none}
/* 사이트맵 팝업 */
.site_pop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:scroll; z-index:500; background:#272343; color:#fff;}
.site_wrap{text-align:center; padding:95px 0 20px;}
.site_wrap .logo{width:400px; height:50px; margin:0 auto; margin-top:-60px; padding-bottom:85px; background:url(../images/icons/map_logo.png) no-repeat center / contain;}
.site_wrap .close_btn{position:absolute; right:0; top:76px; width:45px; height:43px; border-color:#fff;}
.site_group{width:100%; overflow:hidden; line-height:1.7; padding:40px 0; clear:both; text-align:left; border-top:1px solid #404c64;}
.site_wrap div:nth-of-type(2){border-top:2px solid #fff;}
.site_group h3{margin:0 0 15px 27px; font-size:24px;}
.site_group h3:before{content:""; display:inline-block; height:19px; width:6px; margin-right:13px; background:#ccc;}
.site_group ul{width:100%; overflow:hidden; padding-left:60px; box-sizing:border-box; line-height:2;}
.site_group li {display:inline-block; overflow:hidden}
.site_group li a{display:block; margin:5px; padding:0 40px; float:left; font-size:18px; color:#e0e0e0; text-align:left;}
.site_group li a:hover{font-weight:700; color:#fff}
/* 푸터 영역 */
.footer{width:100%; overflow:hidden; padding-bottom:100px; font-size:14px; box-sizing:border-box;}
.fnb{padding:12px 8px; border-bottom:1px solid #ddd;}
.f_menu2{padding-right:12px;}
.foot_menu li{display:inline-block; line-height:1.5;}
.foot_menu li a{color:#666}
.foot_menu li a:hover{color:#272343;}
.foot_menu li:after{content:"|"; padding:0 10px; font-weight:500;}
.foot_menu li:last-child:after{content:"";}
.foot_logo{width:20%; float:left; padding-top:20px;}
.foot_txt{width:65%; float:left; font-size:13px; margin-left:20px; padding-top:10px; line-height:1.7; text-align:left;}
.qrcode{width:10%; padding-top:20px; float:right;}
.sns_wrap{padding-top:10px}
/** # 위로속성 **/
#elevator_item {width:60px; height:100px; position:fixed; right:15px; bottom:10px; -webkit-transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -o-transition:opacity .4s ease-in-out; opacity:1; z-index:100020; display:none;}
#elevator_item.off {opacity:0; visibility:hidden}
#elevator {display:block; width:40px; height:40px; background:url(../images/icons/icon_top.png) center center no-repeat; background-color:#fff; background-color:rgba(0,0,0,.6); border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.2); cursor:pointer; margin-bottom:10px}
#elevator:hover {background-color:#272343;}
#elevator:active {background-color:rgba(0,0,0,.75)}

/* 기본 기능 클레스 */
.mg_bt_20 {margin-bottom:20px;}
.mg_bt_10 {margin-bottom:10px;}
.mg_bt_5 {margin-bottom:5px;}

.pd_bt_20 {padding-bottom:20px;}
.pd_bt_20 {padding-bottom:10px;}
.pd_bt_20 {padding-bottom:5px;}
.pd20 {padding:20px; }

/*************태블릿-모바일 속성******************/
@media all and (max-width:1199px){
	#topline{position:relative; top:0; left:0; right:0; z-index:102; transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; }
	#topline.affix{	position:fixed; top:0!important; box-shadow:0px 2px 3px rgba(0,0,0,0.1); }
	.pc_logo,.header_right,.pc_menu_btn{	display :none; }
	.mobile_logo{display :block; position:relative; }
	.m_menu_btn{display:block}
	.mobile_righttop{display:block; position:fixed; top:22px; right:66px; z-index:102; font-size:27px; }
	.mobile_righttop:hover{color:#f96d15}
	#subpage_top{padding-top:0}
	.menu_btn{position:fixed; top:10px; right:10px; z-index:102;}
	#mainmenu_wrapper{	position:fixed; top:0; left:-41%; width:40%; height:100%; overflow:scroll; border:1px solid #111; background:#625f79; z-index:301; transition:all .4s; }
	.mobile_menu_wrap{	display:block; width:100%; background:#fff; }
	.menu_wrap:after{display:none;}
	.main_menu{width:100%; text-align:left}
	.main_menu>li{position:relative; width:100%; height:auto;}
	.main_menu>li:hover{border:0}
	.main_menu>li>a{position:relative; width:auto; padding:20px 60px; border-top:1px solid #343052; background:#272343; color:#fff; box-sizing:border-box; }
	.main_menu>li>a:hover{color:#fff}
	.main_menu>li>a:after{	font-family:Fontawesome; content:"\f107"; display:block; position:absolute; right:20px; top:20px; }
	.main_menu ul{padding:0; width:100%; border:0;}
	.main_menu>li:nth-child(1) .sub-menu_link{border:0}
	.sub-menu_link{height:100%; }
	.sub-menu_child{cursor:pointer; line-height:2.7; font-weight:normal; color:#454545; background:#5c5879;}
	.sub-menu_child>li{padding-left:45px; font-size:14px;}
	.sub-menu_link>li.sub-menu_down>a:before{font-family:FontAwesome; content:"\f13a"; display:inline-block; width:auto; height:auto; margin:0 5px; background:none;}
	.sub-menu_link>li.sub-menu_down.on>a:before{content:"\f139"}
	.sub-menu_link>li>a{padding-left:20px; box-sizing:border-box; background:#403c60; color:#fff; line-height:3; font-size:15px; }
	.sub-menu_link>li>a:hover{opacity:0.8;}
	.sub-menu_child>li:hover{background:#7c7994}
	.sub-menu_link a{color:#fff;}
	.sub-menu_child>li>a{display:block}
	.nav_bg{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:105; }
	.mobile_menu_wrap .close_btn{	position:absolute; top:10px; right:10px; background-image:url(../images/icons/close_b.png); width:20px; height:20px; }
	.user_info{width:100%; padding:5px 10px; text-align:left; box-sizing:border-box; font-size:15px; }
	.mobile_util_list{width:100%; overflow:hidden; padding:10px 0; font-size:14px; }
	.mobile_util_list>li{width:33%; float:left; }
	.mobile_util_list>li>a{display:block; padding:0 15px; color:#666; border-right:1px solid #dbdbdb; font-size:11px; line-height:1.3; }
	.mobile_util_list>li>a>i{font-size:18px;}
	.mobile_util_list>li>a:hover{color:#272343}
	.mobile_util_list>li:last-child>a{border:0;}
}
@media all and (max-width:1023px){
	.srch_box{width:380px; margin-left:-150px;}
}
@media all and (max-width:767px){
	.bbs_tab{font-size:11px;}
	#topline{height:115px;}
	.mobile_logo{width:220px;}
	.srch_box{width:100%; top:65px; margin:0; left:0;}
	.srch_box input[type="text"],.srch_box input[type="password"]{width:83%; border-width:1px;}
	.srch_btn{width:45px}
	#mainmenu_wrapper{left:-81%; width:80%;}
	.footer{padding:0 8px;}
	.foot_logo{width:55%; padding-top:5px; text-align:left}
	.foot_txt{width:100%; margin-left:0; font-size:12px;}
	.qrcode{display :none;}
}
@media all and (max-width:400px){
	.mobile_logo img{width:210px; margin:5px;}
}



@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}