@charset "utf-8";

@import url('font-awesome/css/font-awesome.css');
@import url('base.css');
@import url('//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700');
@import url('owl.carousel.css');
@import url('../js/chosen/chosen.css');
@import url('jquery-ui.css');


/************************************************
	layout
************************************************/

#wrap{ position:relative; overflow:hidden; }

#header{ position:relative; height:112px; padding:45px 0 0 0; z-index:5;}
#header h1.logo{ position:absolute; top:30px; left:47%; width:200px; margin-left:-550px; z-index:10;}
#header h1.logo>a{ height:60px; display:block; text-indent:-9999px; background:url(../images/logo/vklinklogo.png) 50% 50% no-repeat; }
#header .header-top{ position:absolute; top:20px; right:50%; height:24px; line-height:24px; margin-right:-550px; z-index:10;}
#header .header-top>ul{ display:inline-block;}
#header .header-top>ul>li{ position:relative; display:inline-block; }
#header .header-top>ul>li>a{ position:relative; display:block; color:#959595; font-size:12px; padding:0 10px; line-height:26px;}
#header .header-top>ul>li>a:hover{ text-decoration:underline;}
#header .header-top>ul>li>a:after{ content:""; position:absolute; display:block; background-color:#eaeaea; width:1px; height:12px; top:50%; right:0; margin-top:-6px;}
#header .header-top .lang{ border:#cccccc 1px solid; border-radius:12px; padding:0 2px;}
#header .header-top .lang li a{ font-size:11px; line-height:1;}
#header .header-top .lang li a.on{ color:#2471c8; font-weight:700;}
#header .header-top .lang li a:after{ content:""; position:absolute; display:block; background-color:#eaeaea; width:1px; height:10px; top:50%; right:0; margin-top:-5px;}
#header .header-top>ul>li:last-child a:after{ display:none;}
#header .header-top>ul>li:hover>ul{ display:block;}
#header .header-top>ul>li>ul{ display:none; position:absolute; top:24px; left:50%; margin:0 0 0 -70px; border:#e5e5e5 1px solid; border-radius:3px; width:140px; background-color:#fff; padding:0;}
#header .header-top>ul>li>ul:before{ content:""; width:12px; height:6px; background:url(../images/blt_aw.png) 0 0 no-repeat; display:block; position:absolute; top:0; left:50%; margin:-6px 0 0 -6px;}
#header .header-top>ul>li>ul li a{ display:block; padding:10px 0; text-align:center; font-size:14px; color:#666; border-bottom:#e5e5e5 1px solid;}
#header .header-top>ul>li>ul li a:hover{ color:#2471c8;}

#header .sub-bg{ position:absolute; top:112px; left:0; height:270px; width:100%; border-top:#e6e5e5 1px solid; background-color:#fff; z-index:3; box-shadow:0 3px 3px rgba(0,0,0,0.1); display:none;}

#gnb-wrap{ position:relative; z-index:9;}
#gnb{ position:relative; width:1100px; margin:0 auto; padding:0; z-index:4; text-align:right;}
#gnb>li{ display:inline-block; padding:0 23px;}
#gnb>li>a{ position:relative; display:block; font-size:18px; color:#000; padding:0; line-height:68px; height:68px; }
#gnb>li.customer{ position:relative; }
#gnb>li.customer:after{ content:""; width:1px; height:18px; background-color:#ccc; display:block; position:absolute; top:50%; left:0; margin-top:-9px;}
#gnb>li.customer>a{ color:#959595;}
#gnb>li>a:hover,
#gnb>li:hover>a,
#gnb>li.top_2th_ov>a{ color:#2471c8; }
#gnb>li>a:after{ content:""; position:absolute; display:block; width:100%; height:3px; background-color:#2471c8; bottom:0; left:0; opacity:0; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#gnb>li>a:hover:after,
#gnb>li:hover>a:after,
#gnb>li.top_2th_ov>a:after{ content:""; display:block; opacity:1;}
#gnb>li>.subdepth{top:78px; left:0; width:100%; padding:20px 0 0 0; height:200px; text-align:left; display:none;}
#gnb>li>.subdepth>.tit-tx{ position:relative; float:left; width:275px; height:110px; color:#959595;}
#gnb>li>.subdepth>.tit-tx strong{ font-size:24px; color:#2471c8; line-height:1; display:block; margin:0 0 15px 0;}
#gnb>li>.subdepth>.tit-tx:after{ content:""; position:absolute; bottom:0; right:25px; display:block; background-repeat:no-repeat; background-position:100% 50%; width:72px; height:70px;}
#gnb>li.gnb1>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon01.png);}
#gnb>li.gnb2>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon02.png);}
#gnb>li.gnb3>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon03.png);}
#gnb>li.gnb4>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon04.png);}
#gnb>li.gnb5>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon05.png);}
#gnb>li.gnb6>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon06.png);}
#gnb>li.gnb7>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon07.png);}
#gnb>li.gnb8>.subdepth>.tit-tx:after{ background-image:url(../images/gnb_icon08.png);}
#gnb>li>.subdepth>.inner{ /*float:left;*/ display:table; height:110px;}
#gnb>li>.subdepth>.inner>ul{ display:table-cell;}
#gnb>li>.subdepth>.inner>ul>li+li{ margin-top:15px;}
#gnb>li>.subdepth>.inner>ul>li>a{ position:relative; display:block; line-height:1; color:#666;}
#gnb>li>.subdepth>.inner>ul>li>a:hover{ color:#2471c8; text-decoration:underline;}
#gnb>li>.subdepth>.gnb-brn{ position:absolute; top:10px; right:0;}

#container{ position:relative; z-index:2; margin:0;}
#container>#content{ position:relative; width:100%; margin:0;}
#container>#content.com-reg{ background-color:#f6f7fa;}
#container>#content.com-reg .tit-area{ border-bottom:#e5e5e5 1px solid;}
#container>#content .con-inner{ position:relative; width:1100px; margin:0 auto;border-top: #e5e5e5 1px solid;}

#container .tit-area{ height:270px; background-position:50% 0; background-repeat:no-repeat; display:table; width:100%;}
.tit-area>.inner{ display:table-cell; vertical-align:middle; }
.tit-area h2{ text-align:center; line-height:1; padding:0 0 25px; color:#fff; font-size:50px; font-weight:normal; margin:0; background:url(../images/icon_h2_blue.png) 50% 100% no-repeat;}
.tit-area .sub-tx{ text-align:center; margin-top:15px; font-size:20px; color:#fff;}
#container .brd-wr .tit-area{ height:auto; padding:60px 0; background-color:#fff;}
#container .brd-wr .tit-area h2{ padding:0 0 25px; color:#121212; background:url(../images/icon_h2_blue.png) 50% 100% no-repeat;}
#container .brd-wr .tit-area .sub-tx{ color:#666;}

#footer{ position:relative; z-index:1; padding:0;}
#footer .footer-link{ border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid;}
#footer .footer-link .brna{ display:none;}
#footer .footer-link ul{ width:1100px; margin:0 auto; padding:20px 0;}
#footer .footer-link ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
#footer .footer-link ul li{ position:relative; display:inline-block;}
#footer .footer-link ul li a{ display:block; text-align:center; height:28px; line-height:28px; font-size:14px; padding:0 28px;}
#footer .footer-link ul li:first-child a{ padding-left:0;}
#footer .footer-link ul li a:after{ content:""; position:absolute; top:0; left:0; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background-color:#eaeaea; display:block;}
#footer .footer-link ul li:first-child a:after{ display:none;}
#footer .footer-wrap{ position:relative; margin:0 auto; width:1100px; padding:35px 0 35px 245px; color:#898989; background:url(../images/logo/footer_vklinklogo.png) 0 40px no-repeat; font-size:13px; }
#footer .footer-wrap .copy{ font-family:'Roboto'; }
#footer .footer-wrap p span{ position:relative; display:inline-block; padding:0 10px 0 0; margin-right:10px;}
#footer .footer-wrap p span:after{ content:""; position:absolute; display:block; background-color:#eaeaea; width:1px; height:10px; top:50%; right:0; margin-top:-5px;}
#footer .footer-wrap p span:first-child{ padding-left:0;}
#footer .footer-wrap p span:last-child:after{ display:none;}
#footer .footer-wrap p strong{ color:#222;}
#footer .footer-brn{ position:absolute; top:125px; right:50%; margin:0 -550px 0 0;}
#footer .footer-brn li{ display:inline-block; margin:0 0 0 20px;}

@media (max-width:768px) {
	#main_toolbar{position: fixed; bottom:10px; right: 10px; z-index: 10000; width: 44px; height: 200px; background-image: url(/kr/images/img_maintoolbar_mo.svg); text-align: center;}
	#main_toolbar div:nth-child(1) {height: 45px;}
    #main_toolbar div:nth-child(2) {height: 40px;}
    #main_toolbar div:nth-child(3) {height: 55px;}
    #main_toolbar div:nth-child(4) {height: 52px;}
}

@media (min-width:769px) {
	#main_toolbar{position: fixed; bottom:20px; right: 20px; z-index: 10000; width: 60px; height: 270px; background-image: url(/kr/images/img_maintoolbar_pc.svg); text-align: center;}
	#main_toolbar div:nth-child(1) {height: 59px;}
    #main_toolbar div:nth-child(2) {height: 55px;}
    #main_toolbar div:nth-child(3) {height: 78px;}
    #main_toolbar div:nth-child(4) {height: 68px;}
}


#back-top{ position:fixed; bottom:574px; right:50%; border-radius:50%; margin:0 -586px 0 0; z-index:6; width:38px; height:38px; background:url(../images/top.png) 50% 50% no-repeat; display:block; padding:15px 0 0 0; cursor:pointer;text-indent:-9999px;}

.m_lmenu{ display:none; }


@media (min-width:769px) {
	#wrap{ min-width:769;}
	.bt-menu{ display:none;}
}

@media (min-width:769px) and (max-width:1100px) {
	#header{ position:relative; height:112px; padding:45px 0 0 0; z-index:5;}
	#header h1.logo{ position:absolute; top:32px; left:50%; width:200px; margin-left:-507px;}
	#header .header-top{ position:absolute; top:20px; right:0; height:24px; line-height:24px; margin-right:0;}

	#header .sub-bg{ position:absolute; top:112px; left:0; height:376px; width:100%; border-top:#e6e5e5 1px solid; background-color:#f7f7f7; z-index:3; display:none;}

	#gnb-wrap{ position:relative; z-index:9;}
	#gnb{ position:relative; width:100%; margin:0; padding:0; z-index:4; text-align:right;}

	#container{ position:relative; z-index:2; margin:0;}
	#container>#content{ position:relative; width:100%; margin:0;}
	#container>#content .con-inner{ position:relative; width:100%; margin:0 auto;}

	#container .tit-area{ height:270px; background-position:50% 0; background-repeat:no-repeat;}
	.tit-area>.inner>h2{ text-align:center; line-height:1; padding:0 0 20px; color:#121212; font-size:50px; font-weight:normal; margin:0; background:url(../images/icon_h2_blue.png) 50% 100% no-repeat;}

	#footer{ position:relative; z-index:3; padding:0;}
	#footer .footer-link{ border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid;}
	#footer .footer-link .brna{ display:none;}
	#footer .footer-link ul{ width:100%; margin:0; padding:20px;}
	#footer .footer-wrap{ position:relative; margin:0 auto; width:100%; padding:35px 0 35px 245px; color:#898989; background:url(../images/logo/footer_vklinklogo.png) 20px 40px no-repeat; font-size:13px; }
	#footer .footer-wrap .copy{ font-family:'Roboto'; }
	#footer .footer-wrap p span{ position:relative; display:inline-block; padding:0 10px 0 0; margin-right:10px;}
	#footer .footer-wrap p span:after{ content:""; position:absolute; display:block; background-color:#eaeaea; width:1px; height:10px; top:50%; right:0; margin-top:-5px;}
	#footer .footer-wrap p span:first-child{ padding-left:0;}
	#footer .footer-wrap p span:last-child:after{ display:none;}
	#footer .footer-wrap p strong{ color:#222;}
	#footer .footer-brn{ position:relative; top:auto; right:auto; margin:0; padding:10px 20px;}
	#footer .footer-brn:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	#footer .footer-brn li{ display:block; float:right; margin:0 0 0 20px;}
}

@media (min-width:640px) and (max-width:768px) {
	#container .tit-area{ height:200px; background-size:auto 200px;}
	.tit-area>h2{ text-align:center; line-height:1; padding:60px 0 20px; color:#fff; font-size:32px; font-weight:normal; margin:0; background:url(../images/icon_h2.png) 50% 100% no-repeat; background-size:14px auto;}
}

@media (max-width:768px) {

	#header{ height:62px; padding:16px 0 0 0; z-index:5;}
	#header h1.logo{ position:relative; top:auto; left:auto; width:110px; margin:0 auto;}
	#header h1.logo>a{ height:30px; display:block; text-indent:-9999px; background:url(../images/logo/vklinklogo.png) 50% 50% no-repeat; background-size:110px 30px; }
	#header .header-top{ position:absolute; top:25px; right:20px; height:24px; line-height:24px; margin-right:0;}
	#header .header-top ul{ display:none;}
	#header .header-top .lang{ position:relative; display:block; border:#cccccc 1px solid; border-radius:12px; padding:0 16px 0 5px;}
	#header .header-top .lang li a{ color:#2471c8; font-size:10px; padding:0;}
	#header .header-top .lang:after{ content:""; position:absolute; top:50%; right:4px; margin-top:-6px; display:block; width:11px; height:11px; background:url(../images/icon_global.png) 50% 50% no-repeat; background-size:11px 11px; vertical-align:middle;}
	#header .header-top .lang li a.on{ display:none;}
	#header .header-top .lang li a:after{ display:none;}
	#gnb-wrap{ display:none;}

	.bt-menu{ display:block; position:absolute; top:50%; left:10px; margin-top:-15px; height:30px; width:40px; background:url(../images/bt_menu.png) 50% 50% no-repeat; background-size:21px 15px; text-indent:-9999px; }
	.bt-menu.open{ background:url(../images/bt_close.png) 50% 50% no-repeat; background-size:15px 15px; }

	#container>#content .con-inner{ position:relative; padding-top:30px; width:100%; margin:0 auto;border-top: #e5e5e5 1px solid;}

	#footer{ position:relative; z-index:3; padding:0; border-top:#e5e5e5 1px solid;}

	#footer .footer-link{ position:relative; border-top:none; border-bottom:none; margin:0 20px;}
	#footer .footer-link .brna{ text-align:left; line-height:34px; width:100%; display:block; border:#d4d4d4 2px solid; border-radius:17px; background:#fff; font-size:12px; padding:0 20px;}
	#footer .footer-link .brna:after{ font-family:"FontAwesome"; content:"\f107"; position:absolute; right:16px; font-size:18px; font-weight:700; top:50%; line-height:1; margin-top:-8px; color:#666;}
	#footer .footer-link ul{ position:absolute; width:100%; bottom:35px; left:0; width:100%; background-color:#fff; margin:0 auto; padding:0; border:#e5e5e5 1px solid; display:none;}
	#footer .footer-link ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	#footer .footer-link ul li{ position:relative; display:block; border-bottom:#e5e5e5 1px solid; }
	#footer .footer-link ul li:last-child{ border-bottom:none;}
	#footer .footer-link ul li a{ display:block; text-align:left; line-height:2.5em; height:auto; font-size:12px; padding:0 20px;}
	#footer .footer-link ul li:first-child a{ padding:0 20px;}
	#footer .footer-link ul li a:after{ display:none;}

	#footer .footer-wrap{ position:relative; margin:0 auto; width:100%; padding:15px 20px; color:#898989; background:none; font-size:11px; }
	#footer .footer-wrap .copy{ font-family:'Roboto '; }
	#footer .footer-brn{ position:relative; top:auto; right:auto; margin:0; padding:10px 20px;}
	#footer .footer-brn:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	#footer .footer-brn li{ position:relative;  display:block; float:left; width:25%; margin:0; padding:0 10px; text-align:center;}
	#footer .footer-brn li+li:after{ content:""; position:absolute; width:1px; height:22px; background-color:#eaeaea; display:block; top:50%; left:0; margin-top:-11px;}

	/* ml */
	body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}
	.m_lmenu{ position:absolute; display:block; left:-100%; top:62px; width:100%; margin-right:0; height:100%; padding:0; z-index:9999; background-color:#fff; }
	.m_lmenu .close-area{ position:absolute; top:0; width:45px; height:100%; display:block;}
	.m_lmenu .inner{ position:relative; background-color:#fff; padding:0; overflow-y:auto;}
	.m_lmenu .left_menu{ margin:0;}
	.m_lmenu .left_menu>li{ overflow:hidden; border-top:#f6f7fa 1px solid;}
	.m_lmenu .left_menu>li+li{ border-top:#f6f7fa 1px solid;}
	.m_lmenu .left_menu>li>a{ position:relative; display:block; line-height:41px; padding:0 40px 0 20px; background-color:#fff; font-size:13px; color:#333; margin-top:-1px;}
	.m_lmenu .left_menu>li>a:after{ content:""; position:absolute; display:block; width:10px; height:10px; top:50%; right:20px; margin-top:-5px; background:url(../images/m_gnb_icon1.png) 50% 50% no-repeat; background-size:10px 10px;}
	.m_lmenu .left_menu>li.on>a{ color:#2471c8;}
	.m_lmenu .left_menu>li.on>a:after{ background:url(../images/m_gnb_icon1_on.png) 50% 50% no-repeat; background-size:10px 2px;}
	.m_lmenu .left_menu>li>ul{ background-color:#f6f7fa; margin:0 -1px -1px 0; overflow:hidden;}
	.m_lmenu .left_menu>li>ul:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.m_lmenu .left_menu>li>ul>li{ float:left; width:50%; border-bottom:#eaeaea 1px solid; border-right:#eaeaea 1px solid;}
	.m_lmenu .left_menu>li>ul>li>a{ position:relative; padding:0 40px 0 20px; display:block; font-size:11px; color:#757575; line-height:33px;}
	.m_lmenu .left_menu>li>ul>li>a:after{ content:""; position:absolute; display:block; width:6px; height:10px; top:50%; right:20px; margin-top:-5px; background:url(../images/m_gnb_icon2.png) 50% 50% no-repeat; background-size:6px 10px;}
	.m_lmenu .left_menu>li>ul>li>ul>li>a{ position:relative; padding:0 80px 0 30px; display:block; font-size:12px; color:#666; line-height:35px; background-color:#fafafa;}
	.m_lmenu .m-hd{ position:relative; background:#2471c8; padding:0 20px; height:50px; color:#fff;}
	.m_lmenu .m-hd .login{ background:url(../images/m_gnb_info.png) 0 50% no-repeat; background-size:31px 21px; padding:0 0 0 40px; line-height:50px; display:block; float:left;}
	.m_lmenu .m-hd .login>a{ line-height:20px; height:20px; display:inline-block; margin:0 0 0 5px; vertical-align:middle; font-size:9px; padding:0 5px; border:#fff 1px solid; border-radius:2px;}
	.m_lmenu .m-hd>ul{ text-align:center; float:right; }
	.m_lmenu .m-hd>ul li{ display:inline-block; }
	.m_lmenu .m-hd>ul li a{ position:relative; line-height:1; font-size:9px; display:block; padding:30px 3px 0; color:#deeaf7; background-size:20px 15px; background-position:50% 10px; background-repeat:no-repeat;}
	.m_lmenu .m-hd>ul li.mhd01 a{ background-image:url(../images/m_gnb01.png);}
	.m_lmenu .m-hd>ul li.mhd02 a{ background-image:url(../images/m_gnb02.png);}
	.m_lmenu .m-hd>ul li.mhd03 a{ background-image:url(../images/m_gnb03.png);}

}
@media (max-width:640px) {
	#container .tit-area{ height:145px; background-size:auto 145px;}
	.tit-area h2{ text-align:center; line-height:1; padding:0 0 18px; color:#fff; font-size:25px; font-weight:normal; margin:0; background:url(../images/icon_h2_blue.png) 50% 100% no-repeat; background-size:14px auto;}
	.tit-area .sub-tx{ margin-top:10px; font-size:13px; padding-left:30px; padding-right:30px; }
	.tit-area .sub-tx span{ display:block;}
	#container .brd-wr .tit-area{ padding:30px 0;  }
	#container .brd-wr .tit-area h2{ padding:0 0 20px; color:#121212; background:url(../images/icon_h2_blue.png) 50% 100% no-repeat; background-size:14px auto;}
	#container .tbl-vew .tit-area{ display:none;}
}

/* BreadCrumb */
.location{ position:relative; z-index:3; background:#2471c8; margin:0; font-size:13px;}
.location:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.location .path{ width:1100px; margin:0 auto;}
.location .path>li{ position:relative; float:left; line-height:40px; min-width:140px; text-align:left;}
.location .path>li>a{ display:block; padding-left:14px; color:#fff; line-height:40px; padding-right:40px; border-left:#3a7fce 1px solid; font-weight:400; font-size:14px; }
.location .path>li>span{ display:block; padding-left:14px; color:#666; line-height:40px; padding-right:16px;  border-left:#e9e9e9 1px solid; }
.location .path>li>a:after{ content:""; position:absolute; top:50%; right:20px; margin-top:-2px; width:10px; height:5px; display:inline-block; background:url(../images/blt_loc.png) 50% 50% no-repeat;}
.location .path>li.on>a,
.location .path>li>a:focus,
.location .path>li>a:hover{ text-decoration:underline}
.location .path>li>a img{vertical-align:0}
.location .path>li:first-child{ margin-left:0; padding-left:0; background-image:none; width:40px; min-width:40px; }
.location .path>li:first-child>a:after{ display:none;}
.location .path>li:first-child>a{ width:40px; line-height:40px; padding:0; background:url(../images/icon_home.png) 50% 50% no-repeat; text-indent:-9999px; border-left:#3a7fce 1px solid;}
.location .path>li:first-child>a:hover,
.location .path>li:first-child>a:focus{ }
.location .path>li:last-child{ min-width:160px;}
.location .path>li:last-child>a,
.location .path>li:last-child>span{ border-right:#3a7fce 1px solid;}
.location .path .sub-path{ display:none; position:absolute; top:40px; left:0; z-index:30; width:100%;}
.location .path .sub-path.show,.location .path .low_path.show
.location .path > li.on .sub-path,.location .path > li:hover .sub-path{ display:block;}
.location .path .sub-path ul{ background-color:#fff; border:1px solid #e7e7e7;}
.location .path .sub-path ul li{ position:relative; border-top:1px solid #e7e7e7;}
.location .path .sub-path ul li:first-child{ border-top:0 none;}
.location .path .sub-path ul li > a{ display:block; min-width:100%; height:32px; padding:0 10px 0 14px; color:#333; line-height:32px;}
.location .path .sub-path ul li.on > a ,
.location .path .sub-path ul li > a:focus,
.location .path .sub-path ul li > a:hover{ background-color:#f9f9f9; color:#0f6347;}
@media (max-width:768px) {
	.location .path{ width:100%; margin:0;}
	.location .path>li{ display:none;}
	.location .path>li:last-child{ display:block; min-width:100%;}
	.location .path>li>a:after{ content:"메뉴"; position:absolute; top:50%; right:20px; margin-top:-10px; font-size:13px; padding:0 18px 0 0; text-align:right; width:50px; height:20px; line-height:20px; display:inline-block; background:url(../images/blt_loc_lg.png) 100% 50% no-repeat; background-size:13px 12px;}
}

/* select-box */
.chosen-container{ font-size:14px; text-align:left;}
.chosen-container-single .chosen-single{ height:46px; line-height:46px; border:2px solid #d4d4d4; color:#b2b2b2; border-radius:23px; box-shadow:none; background:none; background-color:#fff;}
.chosen-container-single .chosen-single span{ line-height:46px; color:#333;}
.chosen-container-single .chosen-single div{ width:23px;}
.chosen-container-single .chosen-single div b{ background:url('../images/blt_search.png') no-repeat 0 50% !important; }
.chosen-container-active.chosen-with-drop .chosen-single div b{ background:url('../images/blt_search.png') no-repeat 0 50% !important; }
.chosen-container-single .chosen-drop{ border-radius:0; border:1px solid #ccc; border-top:2px solid #ccc; background:#fff;}
.chosen-container-active.chosen-with-drop .chosen-single{ border:2px solid #d4d4d4; border-radius:23px;  box-shadow:none; background:#fff;}
.chosen-container .chosen-results{ padding:0; margin-right:0;}
.chosen-container .chosen-results li.highlighted{ background-image:none; background-color:#fff; color:#2471c8;}

.chosen-container.chosen-container-single.select .chosen-single{ height:36px; line-height:36px; border:none; border:1px solid #ccc; color:#b2b2b2; border-radius:2px; box-shadow:none; background:none; background-color:#fff;}
.chosen-container.chosen-container-single.select .chosen-single span{ line-height:36px; color:#333;}
.chosen-container.chosen-container-single.select .chosen-single div{ width:34px; border-left:1px solid #ccc;}
.chosen-container.chosen-container-single.select .chosen-single div b{ background:url('../images/blt_search2.png') no-repeat 50% 50% !important; }
@media (max-width:640px) {
	.chosen-container{ font-size:14px; text-align:left;}
	.chosen-container-single .chosen-single{ height:30px; line-height:30px; border:2px solid #d4d4d4; color:#b2b2b2; border-radius:23px; box-shadow:none; background:none; background-color:#fff;}
	.chosen-container-single .chosen-single span{ line-height:30px; color:#333;}
	.chosen-container-single .chosen-single div{ width:23px;}
	.chosen-container-single .chosen-single div b{ background:url('../images/blt_search.png') no-repeat 0 50% !important; }
	.chosen-container-active.chosen-with-drop .chosen-single div b{ background:url('../images/blt_search.png') no-repeat 0 50% !important; }
	.chosen-container-single .chosen-drop{ border-radius:0; border:1px solid #ccc; border-top:2px solid #ccc; background:#fff;}
	.chosen-container-active.chosen-with-drop .chosen-single{ border:2px solid #d4d4d4; border-radius:23px;  box-shadow:none; background:#fff;}
	.chosen-container .chosen-results{ padding:0; margin-right:0;}
	.chosen-container .chosen-results li.highlighted{ background-image:none; background-color:#fff; color:#2471c8;}

	.chosen-container.chosen-container-single.select .chosen-single{ height:30px; line-height:30px; border:none; border:1px solid #ccc; color:#b2b2b2; border-radius:2px; box-shadow:none; background:none; background-color:#fff;}
	.chosen-container.chosen-container-single.select .chosen-single span{ line-height:30px; color:#333;}
	.chosen-container.chosen-container-single.select .chosen-single div{ width:30px; border-left:1px solid #ccc;}
	.chosen-container.chosen-container-single.select .chosen-single div b{ background:url('../images/blt_search2.png') no-repeat 50% 50% !important; }
}

/* 이전글/다음글 */
.viewBottomList{ margin:0; background-color:#fff;}
.viewBottomList ul{ display:table; width:100%;}
.viewBottomList .viewBottomPrev{display:table-cell; padding:0 10px 0 110px; height:60px; line-height:60px; position:relative; border-bottom:#eaeaea 1px solid;}
.viewBottomList .viewBottomNext{display:table-cell; padding:0 110px 0 10px; height:60px; line-height:60px; position:relative; border-bottom:#eaeaea 1px solid; text-align:right;}
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:88px; line-height:60px;  padding-left:30px; font-size:14px; color:#333;}
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; right:0; width:88px; line-height:60px;  padding-right:30px; font-size:14px; color:#333;}
.viewBottomList .orderPrev:after{ content:""; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; background-color:#eaeaea; display:block;}
.viewBottomList .orderNext:after{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background-color:#eaeaea; display:block;}
.viewBottomList a{ text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:60px; line-height:60px; font-size:14px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ color:#222; text-decoration:underline;}
@media (max-width:768px) {
	.viewBottomList ul{ display:block; width:100%;}
	.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 80px; height:40px; line-height:40px; position:relative; border-bottom:#eaeaea 1px solid;}
	.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 80px; height:40px; line-height:40px; position:relative; border-bottom:#eaeaea 1px solid; text-align:left;}
	.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:74px; line-height:40px;  padding-left:30px; font-size:12px; color:#333;}
	.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; right:auto; width:74px; line-height:40px;  padding-left:30px; padding-right:0;  font-size:12px; color:#333;}
	.viewBottomList .orderPrev:before{ content:""; position:absolute; top:50%; left:15px; margin-top:-2px; display:block; width:7px; height:4px; background:url(../images/icon_arr_up.jpg) 50% 50% no-repeat; background-size:7px 4px; }
	.viewBottomList .orderNext:before{ content:""; position:absolute; top:50%; left:15px; margin-top:-2px; display:block; width:7px; height:4px; background:url(../images/icon_arr_down.jpg) 50% 50% no-repeat; background-size:7px 4px; }
	.viewBottomList .orderPrev:after{ content:""; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; background-color:#eaeaea; display:block;}
	.viewBottomList .orderNext:after{ content:""; position:absolute; top:50%; right:0; left:auto; margin-top:-5px; width:1px; height:10px; background-color:#eaeaea; display:block;}
	.viewBottomList a{ text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:40px; line-height:40px; font-size:12px;}
	.viewBottomList .viewBottomPrev:hover a,
	.viewBottomList .viewBottomNext:hover a{ color:#222; text-decoration:underline;}
}

/* ul */
.ul-list01 li{ text-indent:-12px; margin-left:12px;}
.ul-list01 li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#757575; display:inline-block; margin:0 8px 0 0; vertical-align:middle;}
.ul-list02 li{ text-indent:-12px; margin-left:12px;}
@media (max-width:640px) {
	.ul-list01 li{ text-indent:-12px; margin-left:12px;}
	.ul-list01 li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#757575; display:inline-block; margin:0 4px 0 0; vertical-align:middle;}
	.ul-list02 li{ text-indent:-12px; margin-left:12px;}
}

/* paging */
div.paging{ text-align:center; padding:0; margin:40px 0 0 0; position:relative; font-size:14px; line-height:20px; font-family:'Roboto';}
div.paging a{ display:inline-block; width:30px; height:40px; border:none; line-height:40px; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
div.paging a:hover,
div.paging a.on{ color:#2471c8; font-weight:bold; text-decoration:underline;}
div.paging .direction,
div.paging .direction:hover{ text-indent:-9999px; width:40px; border:#ddd 2px solid; border-radius:50%;}
div.paging .direction.prev{ background:url(../images/paging_prev.png) 50% 50% no-repeat; margin-right:10px;}
div.paging .direction.next{ background:url(../images/paging_next.png) 50% 50% no-repeat; margin-left:10px;}
div.paging .direction.first{ background:url(../images/paging_first.png) 50% 50% no-repeat;}
div.paging .direction.last{ background:url(../images/paging_last.png) 50% 50% no-repeat;}
div.paging .paging-pc{ display:inline-block;}
div.paging .paging-m{ display:none;}
@media (max-width:768px) {
	div.paging{ text-align:center; padding:0; margin:30px 0 0 0; position:relative; font-size:17px; line-height:25px;}
	div.paging a{ display:inline-block; width:24px; height:30px; border:none; line-height:30px; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
	div.paging .direction{width:30px; height:30px; border:#ddd 1px solid; border-radius:50%;}
	div.paging .paging-pc{ display:none;}
	div.paging .paging-m{ display:inline-block; font-size:17px; }
	div.paging .paging-m strong{ line-height:30px; font-size:17px; color:#2471c8;}
}

/* popup */
.bPopup{ display:none; width:600px;}
.bPopup .pop-tit{ line-height:60px; margin:0; color:#fff; background-color:#2471c8; font-size:20px; padding:0 30px; border-radius:3px 3px 0 0;}
.bPopup .pop-content{ padding:30px 30px 15px 30px;  background-color:#fff; border-radius:0 0 3px 3px;}
.bPopup .pop-content .pop-bottom{ padding:0; margin-top:1em;}
.bPopup .pop-close{ position:absolute; top:18px; right:20px; width:22px; height:22px; background:url(../images/bt_close_w.png) 50% 50% no-repeat; text-indent:-9999px; display:block; cursor:pointer;}
@media (max-width:640px) {
	.bPopup{ display:none; width:100%; padding:15px;}
	.bPopup>.inner{ position:relative; }
	.bPopup .pop-tit{ line-height:40px; margin:0; color:#fff; background-color:#2471c8; font-size:15px; padding:0 15px; border-radius:3px 3px 0 0;}
	.bPopup .pop-content{ padding:15px;  background-color:#fff; border-radius:0 0 3px 3px;}
	.bPopup .pop-close{ position:absolute; top:18px; right:20px; width:12px; height:12px; background:url(../images/bt_close_w.png) 50% 50% no-repeat; background-size:17px 17px; text-indent:-9999px; display:block;}
}

/* mds*/
.mds-location{ position:relative; z-index:3; background:#2471c8; margin:0; font-size:13px;}
.mds-location:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.mds-location .path{ width:1100px; margin:0 auto;}
.mds-location .path>li{ position:relative; float:left;  min-width:70px; text-align:center;}/* line-height:40px; */
.mds-location .path>li>a{ display:block; color:#fff; line-height:40px; border-left:#3a7fce 1px solid; font-weight:400; font-size:14px; }
.mds-location .path>li>span{ display:block; padding-left:14px; color:#666; line-height:40px; padding-right:16px;  border-left:#e9e9e9 1px solid; }
.mds-location .path>li.on>a,
.mds-location .path>li>a:focus,
.mds-location .path>li>a img{vertical-align:0}
.mds-location .path>li:last-child>a,
.mds-location .path>li:last-child>span{ border-right:#3a7fce 1px solid;}
.mds-location .path .sub-path{ display:none; position:absolute; top:40px; left:0; z-index:30; width:100%;}
.mds-location .path .sub-path.show,.mds-location .path .low_path.show
.mds-location .path > li.on .sub-path,.mds-location .path > li:hover .sub-path{ display:block;}
.mds-location .path .sub-path ul{ background-color:#fff; border:1px solid #e7e7e7;}
.mds-location .path .sub-path ul li{ position:relative; border-top:1px solid #e7e7e7;}
.mds-location .path .sub-path ul li:first-child{ border-top:0 none;}
.mds-location .path .sub-path ul li > a{ display:block; min-width:100%; height:32px; padding:0 10px 0 14px; color:#333; line-height:32px;}
.mds-location .path .sub-path ul li.on > a ,
.mds-location .path .sub-path ul li > a:focus,
.mds-location .path .sub-path ul li > a:hover{ background-color:#f9f9f9; color:#0f6347;}

.mds-location2{ position:relative; z-index:3; background: darkblue; margin:0; font-size:13px;}
.mds-location2:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.mds-location2 .path{ width:1100px; margin:0 auto;}
.mds-location2 .path>li{ position:relative; float:left;  min-width:70px; text-align:center;}/* line-height:40px; */
.mds-location2 .path>li>a{ display:block; color:#fff; line-height:40px; border-left:darkblue 1px solid; font-weight:400; font-size:14px; }
.mds-location2 .path>li>span{ display:block; padding-left:14px; color:#666; line-height:40px; padding-right:16px;  border-left:#e9e9e9 1px solid; }
.mds-location2 .path>li.on>a,
.mds-location2 .path>li>a:focus,
.mds-location2 .path>li>a img{vertical-align:0}
.mds-location2 .path>li:last-child>a,
.mds-location2 .path>li:last-child>span{ border-right:darkblue 1px solid;}
.mds-location2 .path .sub-path{ display:none; position:absolute; top:40px; left:0; z-index:30; width:100%;}
.mds-location2 .path .sub-path.show,.mds-location .path .low_path.show
.mds-location2 .path > li.on .sub-path,.mds-location .path > li:hover .sub-path{ display:block;}
.mds-location2 .path .sub-path ul{ background-color:#fff; border:1px solid #e7e7e7;}
.mds-location2 .path .sub-path ul li{ position:relative; border-top:1px solid #e7e7e7;}
.mds-location2 .path .sub-path ul li:first-child{ border-top:0 none;}
.mds-location2 .path .sub-path ul li > a{ display:block; min-width:100%; height:32px; padding:0 10px 0 14px; color:#333; line-height:32px;}
.mds-location2 .path .sub-path ul li.on > a ,
.mds-location2 .path .sub-path ul li > a:focus,
.mds-location2 .path .sub-path ul li > a:hover{ background-color:#f9f9f9; color:#0f6347;}