@charset "utf-8";

#_contentBuilder,
.multipleContentsDiv{
	height:auto !important;
	
 }

#menu5555_obj72 {width:100% !important;}
/**[Layout]********************************************************/
	#_wrap {
	}
	#_wrap #_wrapHeader {
		background-color: #fff;
		/*border-bottom: 1px #ddd solid;*/
	}
	#_wrap #_wrapHeader #_header {
		position: relative;
	}
	#_wrap #_wrapArticle {
	}
	#_wrap #_wrapArticle #_container {
		position: relative;
		height: 500px;
		min-height: 500px;
	}
	#_wrap #_wrapFooter { 

	}
	#_wrap #_wrapFooter #_footer {
		position: relative;
	}
 	.f-logo {
		margin-top:50px;
	}
/* 	#_wrap #_wrapFooter #_footer .f-logo{
		width:260px;
		float:left;
		margin-top: 50px;
	} */
	#_wrap #_wrapFooter #_footer .contact,
	#_wrap #_wrapFooter #_footer ._addressWrap{
		width:100%;
	}
	#_wrap #_wrapFooter #_footer .contact ul{
		overflow:hidden;
	}
	#_wrap #_wrapFooter #_footer .contact li{
		float:left;
		padding:0px 40px 30px 0;
		position:relative;
	}
	#_wrap #_wrapFooter #_footer .contact li:before{
		content:'';
		display:block;
		height: 20px;
		border-right: 1px solid #e4e4e4;
		position: absolute;
		right: 20px;
		top: 0px;
	}
	#_wrap #_wrapFooter #_footer .contact li:last-child:before{
		display:none;
	}
	#_wrap #_wrapFooter #_footer ._addressWrap{ 
	}
	#_wrap #_wrapFooter #_footer ._addressWrap p{
		margin-bottom:10px; 
		color:#fff;
	}
	#_wrap #_wrapFooter #_footer .contact li a,
	#_wrap #_wrapFooter #_footer ._addressWrap span{
		font-family:'NanumSquare';
		font-size:14px;
		display:block;
		color:#fff;
	}
	#_wrap #_wrapFooter #_footer .contact li a{
		color:#fff;
	}

	#_wrap #_wrapFooter #_footer ._directWrap{
		border-bottom: 1px #e4e4e4 solid;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct h2,
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul,
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li{
		float: left;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct h2{
		border-left: 1px #ddd solid;
		border-right: 1px #ddd solid;
		padding: 0 30px 0 15px;
		margin-right: 1em;
		background: url("../images/directH2.gif") no-repeat 90px 50%;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li a{
		display: block;
		color: #363636;
		font-size: 1.1em;
		padding: 0 1em;
		background: url("../images/directGab.gif") no-repeat left 50%;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li:first-child a{
		background-image: none;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap {
		position: relative;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu {
		text-align: center;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu h2{
		display: none;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu select{
		width:96%;
		height: 50px;
		border-color: #e4e4e4;
		padding:0 20px;
		font-size: 16px;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu button{
		height: 30px;
		border: 0;
		background-color: #24314c;
		color: #fff;
		padding: 0 1em;
	}

	#_wrap #_wrapFooter #_footer ._addressWrap ._info{
		/*display: inline-block;
		*zoom: 1;
		_display: inline;*/
	}
	#_wrap #_wrapFooter #_footer ._addressWrap ._info span{
		/*float: left;*/
		padding: 0 1em;
		line-height: normal;
		border-left: 1px #ccc solid;
	}
	#_wrap #_wrapFooter #_footer ._addressWrap ._info span._address{
		border: 0;
		padding: 0 1em 0 0;
	    line-height:20px;
	    font-weight:bold;
	}
	#_wrap #_wrapFooter #_footer ._addressWrap ._copyright{

	}
	#_wrap #_wrapHeader #_header,
	#_wrap #_wrapArticle #_container{
	  	position: relative;
		margin: 0 auto;
	}




 
/**********************************************************/
	#_logo{
		position: absolute;
	}

/**[모바일 - 메뉴열기/닫기]********************************************************/
	.mMenu{
		display: none;
	}
	.mMenu .mMenuButton{
		/*border-radius: 20px;
		width: 42px;
		height: 42px;
		text-indent: -5000px;
		background-image: url("../images/rMenuButton.gif");
		background-color: transparent;*/
	}

#wrapGnb{
		position: absolute;
		z-index: 10;
		display: none;
	}
	.menuUItop a{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; 
	}
	.menuUItop #top_div {
		margin: 0;
		padding: 0;
	}
	.menuUItop ul.ul_1{
		position: relative; 
	} 
	.menuUItop ul.ul_1 li.li_1{
	  width: 140px;
		float: left;  
	}
	.menuUItop ul.ul_1 li.li_1 a.a_1{
		font-weight: 400;
		color: #333;
		margin: 0;
	}
	.menuUItop ul.ul_1 li.li_1 a.a_1._active{
		font-weight: 600;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul {
	    overflow: hidden;	
		top:2px;
	    left: 0;
	    height:110px;
		box-sizing:border-box;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 > ul{
		position:relative;
	}

	.menuUItop ul.ul_1 li.li_1 .div_2 ul li {
		text-align: left;
		margin-bottom:5px;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a{
		display: block;
		margin: auto;
		padding: 0 10px;
		color: #000;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a:hover,
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a._active{
		color: #13b3c3;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a._active{
		font-weight: 600;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 .navGab{
		width: 19px;
		height: 10px;
		position: absolute;
		top: -10px;
		left: 35px;
		background: url("../images/navGab.gif");
		display: none;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2.active .navGab{
		display: block;
	}
/* 	.menuUItop ul.ul_1 li.li_1 .div_2 ul.ul_2 li.li_2 .div_3{
		background-color: #142959;
		width: 100%;
	} */

/* 2016-12-14 */
header .hd-top{width:100%;background:#f8f8f8;height:32px;display:block;}
header .hd-top-wrap{width:1200px;margin:0 auto;overflow:;height:32px;text-align:right;}
header .hd-top-wrap ul{float:right; width:210px;padding-right:10px; background:#e5e5e5;}
/* //2016-12-14 */
header .hd-top-wrap ul li{display:inline-block;padding-left:14px;background:url('../../images/new/new/common/header-sl.png')no-repeat left;margin-left:14px;}
header .hd-top-wrap ul li:first-child{padding-left:0;background:none;}
/* 2016-12-14 */
header .hd-top-wrap ul li a{color:#606060; font-size:12px;line-height:32px;}
/* //2016-12-14 */
header .gnb-wrap{width:100%;}
header .gnb-wid{width:1200px;margin:0 auto;height:80px;background:#fff;vertical-align:middle;position:relative;}
header .gnb-wid a.logo{padding-top:3px;padding-right:73px;}

header .gnb-wid img{}
#gnb{display:inline-block;vertical-align:top;margin-top:32px;position:absolute;top:0;z-index:3;right:0;}
#gnb > li{display:inline-block;width:140px;text-align:center;position:relative;margin-left:0px;}
#gnb > li > a{font-size:18px;font-weight:600;line-height:20px;}
#gnb > li:first-child > ul {border-left:1px solid #d9d9d9;}
#gnb > li:first-child > ul:hover{margin-left:1px;}
#gnb ul.dep2{position:absolute;padding:35px 0 0 10px;width:140px;border-right:1px solid #d9d9d9;height:164px;top:48px;left:-5px; display:none;}
#gnb ul.dep2.show{display:inherit;}
#gnb ul.dep2:hover{background:url('../../images/new/common/2dep-ho.png') repeat;border:0;}
#gnb ul.dep2 li{text-align:left;padding:5px 0 5px 5px;}
#gnb ul.dep2 li a{font-size:14px;line-height:16px;}
#gnb ul.dep2 li a:hover{font-weight:600;color:#2688e4;text-decoration:underline;}
/* 2016-12-14 */
.dep2-wrap{background:url('../../images/new/common/2dep.png') repeat;height:199px;z-index:1;position:absolute;width:100%;display:none;border:1px solid #aaaaaa; border-left:none;border-right:none;}
/* //2016-12-14 */
.dep2-wrap.show{display:inherit;}

/* 2016-12-19 */
.main{width:100%;height:775px;}
/* //2016-12-19 */

/* 2016-12-09 */
.main .visual{width:100%;height:456px;}
.main .visual ul{width:100%;height:456px;}
.main .visual ul li{width:100%;height:456px;}
/* //2016-12-09 */
.visual ul li.visual01{background:url('./../images/visual01.png') no-repeat 60% 100%;background-size:cover;}
.visual ul li.visual02{background:url('./../images/visual02.png') no-repeat 60% 100%;background-size:cover;}
.visual ul li.visual03{background:url('./../images/visual03.png') no-repeat 60% 100%;background-size:cover;}
.visual ul li .visual01-wrap{width:1200px;margin:0 auto;}
.visual ul li .visual01-wrap img{padding-top:115px;}

.cont-wrap{width:1200px;margin:0 auto;position:relative;}
.content-top{}
.content-top ul{/* width:100%; *//* display:block; *//* margin-top:-201px; */}
/* 2016-12-09 */

.content-bt > ul > li {width:25%}

h1.num{font-size:18px;}


/*box left*/
.content-top ul{width:100%;display:block;}
.content-top ul li{width:25%;height:85px;float:left;}
.content-top ul li h1{font-size:18px;font-weight:600;margin:20px 0 0 40%;color:#fff;line-height:22px;}
.content-top ul li h4{font-size:13px;margin:2px 0 0 41%;color:#fff;font-weight:200;}

.content-top ul li.top1{background:#0080c0 url('./../images/cont-top1.png') no-repeat 20% center ;}
.content-top ul li.top1 a{background:#6abaff url('./../images/cont-btn.png') no-repeat 20% center;;}
.content-top ul li.top2{background:#005079 url('./../images/cont-top2.png') no-repeat 20% center;}
.content-top ul li.top2 a{background:#43adff url('./../images/cont-btn.png') no-repeat 20% center;;}
.content-top ul li.top3{background:#008d79 url('./../images/cont-top3.png') no-repeat 20% center;}
.content-top ul li.top3 a{background:#2ba1ff url('./../images/cont-btn.png') no-repeat 20% center;;}
.content-top ul li.top4{background:#153a4e url('./../images/cont-top4.png') no-repeat 20% center;}




/* 2016-12-09 */
div.log-top{font-size:13px;margin:20px 0 0 6%;}
.log_after {line-height:16px; padding-left:15px; background:url('./../images/log_out.png') no-repeat left center ;}
.log_after_txt {margin:15px 0; background:#fff; width:320px; padding:15px;}
.log_after_txt strong {color:#2ea4ff; font-weight:900;}
.login-wrap.log-out {border:none; height:60px;}
.login-wrap.log-out button {margin-left:0px; background:#2ea4ff; width:45%; padding:15px 0;}
.login-wrap.log-out button.btn2 {right:20px; background:#555555;}
/* //2016-12-09 */

#footer{width:100%;background:#f8f6f7;border-top:1px solid #dddddd;}
#footer .ft-wrap{width:1200px;margin:0 auto;padding:30px 0;}
#footer .txt-wrap{display:inline-block;margin-left:40px;}
#footer .txt-wrap p{font-size:13px;font-weight:600;line-height:19px;color:#6e6e6e;}

div.site-wrap{display:inline-block;vertical-align:top;float:right;}
label.hidden {position: absolute;left: -10000px;top: auto;height: 1px;overflow: hidden;}
select.site{border:1px solid #676767;height:27px;width:170px;color:#676767;outline:none;font-size:13px;padding-left:12px;}
div.site-wrap fieldset{display:inline-block;}
a.site-go{background:#676767;color:#fff;font-weight:600;line-height:27px;font-size:13px;float:right;padding:0 8px;margin-left:3px;}


.gnb-tab-wrap{display:none;}
.main .visual ul li img.pc{display:block;}
.main .visual .visual-tit {font-weight:bold; position:absolute; font-size:50px; line-height:50px; color:#fff; top:120px; left:50%; margin-left:-605px; z-index:1000;}
.main .visual .visual-en {position:absolute; top:200px; left:50%; margin-left:-603px; font-weight:bold; font-size:25px; line-height:25px; color:#92e0fc;  z-index:1000;}
.main .visual .visual-txt {position:absolute; top:200px; left:50%; margin-left:-603px; font-size:14px; color:#fff;  z-index:1000; line-height:20px;}
.main .visual .visual-txt  span {display:block;}
.main .visual .visual-tit1 {position:absolute; background:#00b6a9; padding:10px 30px; font-size:18px; color:#fff; top:50px; left:50%; border-radius:15px; margin-left:-603px; z-index:1000;}
.main .visual ul li img.mo{display:none;}
.content-top ul.mo {display:none;}
.content-top ul.pc {display:block;}
.ft-wrap.pc{display:block;}
.ft-wrap.mo{display:none;}

/* 2016-10-26 */
.bn-list li {height:43px; line-height:43px; text-align:center; border:1px solid #ccc; background:#f1f1f1;}
.bn-list li strong {color:#333;}
.bn-list li a {display:block;}
/* //2016-10-26 */

.content-bt{display:block;}
.content-bt > ul{width:100%;display:block;}
.content-bt > ul > li{width:25%;height:269px;float:left;border:1px solid #f1f1f1;border:0;}
.content-bt ul li.top1{background:#c4eaf4 url('./../images/cont-bt1.png') no-repeat 85% 85% ;}
.content-bt ul li.top2{background:#e0ebf0;position:relative;}
.content-bt ul li.top2.two{background:#f6f6f6;}
.content-bt ul li.top3{background:#ebebeb;}

/* 2016-10-19 */
ul.mon-img{margin:25px 0 0 7%;}
/* //2016-10-19 */
ul.mon-img > li{display:inline-block;vertical-align:top;}
ul.mon-img > li.img-s{width:30%}
/* 2016-10-19 */
ul.mon-img > li.mon-txt{font-size:12px;width:65%}
ul.mon-img > li.mon-txt ul li{line-height:17px;}
ul.mon-img > li.mon-txt ul li:first-child{margin-top:-5px;}
ul.mon-img > li.mon-txt ul li:before {content:"·"; display:inline-block; padding-right:4px;}
/* //2016-10-19 */
ul.mon-img > li.mon-txt ul li.mon-tit{font-size:14px;font-weight:600;background:none;padding-left:0;padding-bottom:9px;}
.mon-btn-wrap{text-align:center;display:block;margin-top:20px;}
a.mon-btn{background:#00b6a9 url('./../images/check.png') no-repeat 15% center;display:inline-block;color:#fff;border-radius:15px;padding:9px 22px 9px 37px;
font-size:13px;font-weight:bold;line-height:13px;}

.bd-wrap{border:1px solid #e6e6e6;min-height:268px;border-bottom:1px solid #dddddd;margin-left:-1px;}


/* 2016-10-19 */
.content-bt h2{font-size:15px;font-weight:600;margin:30px 0 0 6%;}
/* //2016-10-19 */
.main-num-wrap{margin-top:30px;}/*2016-10-07*/
/* 2016-10-19 */
h1.num{font-size:22px;font-weight:900;color:#0080c0;margin:0px 0 0 6%;line-height:28px;}/*2016-10-07*/
/* //2016-10-19 */
h1.num.two{color:#008d79;}/*2016-10-07*/
/* 2016-10-19 */
p.mails{font-size:14px;margin:15px 0 0 6%;line-height:14px;padding-left:25px;background:url('./../images/mail-icon.png') no-repeat left center;}
/* //2016-10-19 */
ul.down{margin-left:40px;margin-top:22px;}
ul.down li{display:inline-block;}
ul.down li a{border: 1px solid #6cbffe;color:#6cbffe;font-size:12px;line-height:12px;padding:9px 25px 9px 10px;background:url('./../images/down.png') no-repeat 92% center ;}

.more{position:absolute;top:25px;right:30px;padding-right:20px;background:url('./../images/more.png') no-repeat right center ;line-height:20px;}
ul.no-list{margin:20px 0 0 40px;width:100%;}
ul.no-list li{padding-left:8px;background:url('./../images/sq-bul.png') no-repeat left center ;}
ul.no-list li a{font-size:13px;line-height:23px;width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
/* 2016-10-19 */
div.log-top{font-size:13px;margin:20px 0 0 6%;}
.login-wrap{border:1px solid #f1f1f1;margin:19px 0 0 6%;position:relative;}
.login-wrap input[type="text"]{width:64%;margin:0;outline:none;margin-top:-3px;height:40px;font-size:12px;line-height:14px;padding-left:15px;}
/* //2016-10-19 */


/* 2016-11-09 */
.log_after {line-height:16px; padding-left:15px; background:url('./images/log_out.png') no-repeat left center ;}
.log_after_txt {margin:15px 0; background:#fff; width:230px; padding:27px 15px;}
.log_after_txt strong {color:#008d79; font-weight:900;}

/* 2016-11-15 */
.login-wrap {height:84px;}
.login-wrap.log-out button {margin-left:0px; background:#2fa090; width:45%; padding:19px 0;}
.login-wrap.log-out button.btn2 {right:20px; background:#405d6d;}
/* //2016-11-15 */

/* //2016-11-09 */

.login-wrap input[type="text"]:first-child{margin-bottom:-1px;}
.login-wrap button{background:#171717;color:#fff;font-size:13px;font-weight:600;color:#fff;border:0;width:25%;margin-left:-6px;vertical-align:top;padding:33px 0 34px 0;position:absolute;top:-3px;line-height:13px;}
/* 2016-10-19 */
ul.login-bt{margin:20px 0 0 6%;}
/* //2016-10-19 */
ul.login-bt li{display:inline-block;padding-left:3px;font-size:13px;}
ul.login-bt li:first-child{background:url('./../images/sl-j.png') no-repeat right center ;padding-right:10px;}


.bt-btn{margin-top:30px;display:block;}
.bt-btn ul{width:100%;margin-top:30px;}
.bt-btn ul li{width:12.5%;float:left;text-align:center;padding:15px 0;margin-top:0px;}
.bt-btn ul li a{font-size:13px;color:#fff;text-align:center;}
.bt-btn ul li.bt-btn1{background:#7263fe}
.bt-btn ul li.bt-btn2{background:#6375ff}
.bt-btn ul li.bt-btn3{background:#629cff}
.bt-btn ul li.bt-btn4{background:#59b2ff}
.bt-btn ul li.bt-btn5{background:#b9b9b9}
.bt-btn ul li.bt-btn6{background:#a4a4a4}
.bt-btn ul li.bt-btn7{background:#777777}
.bt-btn ul li.bt-btn8{background:#555555}


.banner-wrap{width:100%;background:#f8f8f8;border-top:1px solid #dddddd;display:block;}
.banner-wrap .banner{width:1200px;margin:0 auto;padding:15px 0;position:relative;}
.banner-wrap .banner h3{font-size:13px; padding-left:27px;background:url('../../images/newbkm/main/member-icon.png') no-repeat left center;line-height:44px;position:absolute;left:0;z-index:5;}
.banner-wrap .banner .list-wrap{margin-left:120px;}


#footer{width:100%;background:#f8f6f7;border-top:1px solid #dddddd;}
#footer .ft-wrap{width:1200px;margin:0 auto;padding:30px 0;}
#footer .txt-wrap{display:inline-block;margin-left:40px;}
#footer .txt-wrap p{font-size:13px;font-weight:600;line-height:19px;color:#6e6e6e;}

div.site-wrap{display:inline-block;vertical-align:top;float:right;}
label.hidden {position: absolute;left: -10000px;top: auto;height: 1px;overflow: hidden;}
select.site{border:1px solid #676767;height:27px;width:170px;color:#676767;outline:none;font-size:13px;padding-left:12px;}
div.site-wrap fieldset{display:inline-block;}
a.site-go{background:#676767;color:#fff;font-weight:600;line-height:27px;font-size:13px;float:right;padding:0 8px;margin-left:3px;}


.gnb-tab-wrap{display:none;}
.main .visual ul li img.pc{display:block;}
.main .visual ul li img.mo{display:none;}
/*.list-wrap{width:50%;}*/
.content-top ul.mo {display:none;}
.content-top ul.pc {display:block;}
.ft-wrap.pc{display:block;}
.ft-wrap.mo{display:none;}

@media all and (max-width:1200px) {
#footer {width: 1200px;}
.banner-wrap {width:1200px;}
header .hd-top {width:1200px;}
header .gnb-wrap {width: 1200px;}
.main .visual {width:1200px;}

}
/*******************************************************************************************************************************************************/
@media all and (max-width:1024px) {
  #_contentBuilder{margin-top:-150px;}
.dep2-wrap{display:none !important;}
.banner-wrap{display:none;}
#footer {width: 100%;}
.banner-wrap {width:100%;}
header .hd-top {width:100%;}
header .gnb-wrap {width: 100%;}
.main .visual {width:100%;}
header .hd-top-wrap {width: 100%;}
header .gnb-wid {width:100%;}
#gnb > li {width:110px;}
.main .visual ul li .visual01-wrap {width: 100%;padding-left:3.5%;}

.banner-wrap{padding-left:3%}
header .gnb-wid img {padding-left:3%;}
header .hd-top-wrap ul {padding-right:3%;}
#footer .ft-wrap {width:100%;padding: 30px 30px;vertical-align:middle;}
#footer .site-wrap{display:none;}
#footer .txt-wrap{width:80%;vertical-align:middle;margin-left:20px;}

#gnb{display:none;}
.gnb-tab-wrap{display:block;position:absolute;z-index:999;right:0;top:0}
a#tab-menu{height:80px;width:80px;display:inline-block;background:#b9b9b9;position:absolute;right:0;}
a#tab-menu img{padding:30px 0 0 30px;}
.bx-wrapper .bx-pager {left: 0 !important;}
  
.cont-wrap {width: 100%;}
.content-bt > ul > li {width:25%}

h1.num{font-size:18px;}


/*box left*/
.content-top ul li h1{margin:20px 0 0 35%;}
.content-top ul li h4{margin:2px 0 0 35%;}


.content-top ul li.top1{background:#0080c0 url('/../images/newbkm/main/cont-top1.png') no-repeat 10% center ;}
.content-top ul li.top2{background:#005079 url('/../images/newbkm/main/cont-top2.png') no-repeat 10% center;}
.content-top ul li.top3{background:#008d79 url('/../images/newbkm/main/cont-top3.png') no-repeat 10% center;}
.content-top ul li.top4{background:#153a4e url('/../images/newbkm/main/cont-top4.png') no-repeat 10% center;}


ul.mon-img > li.img-s img{width:100%;}
ul.mon-img > li.mon-txt {font-size: 12px;padding-left: 8px;padding-top:0px;width: 50%;}
.m-last{display:none;}
.main {height:725px;}


.main .visual ul li.visual01{background:url('./../images/visual01-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul li.visual02{background:url('./../images/visual02-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul li.visual03{background:url('./../images/visual03-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul {height: 376px;}
.main .visual ul li {height: 376px;width:100%;}
  
  .main .visual{height:}
.main .visual ul li.visual01{background:url('./../images/visual01-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul li.visual02{background:url('./../images/visual02-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul li.visual03{background:url('./../images/visual03-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul li.visual04{background:url('./../images/visual04-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul li.visual05{background:url('./../images/visual05-tab.png') no-repeat;background-size:100% 100%;}
.main .visual ul {height: 376px;}
.main .visual ul li {height: 376px;width:100%;}

/* 2016-12-09 */
.main .visual .visual-tit {margin-left:-45%;}
.main .visual .visual-en {margin-left:-45%;}
.main .visual .visual-txt {margin-left:-45%;}
/* //2016-12-09 */

/* 2016-12-16 */
.main .visual .visual-tit1 {margin-left:-45%;}
/* //2016-12-16 */
#gnb-tab{margin-top:80px;background:#f7f7f7;width:280px;display:none;}
#gnb-tab > li{border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;margin-top:-1px;background:url('/../images/gnb-down.png') no-repeat 89% 23px;}
#gnb-tab > li.selected{background:url('/../images/gnb-up.png') no-repeat 89% 23px;}
#gnb-tab > li:first-child{border-top:0;}
#gnb-tab > li > a{font-size:15px;font-weight:600;line-height:15px;padding:20px 17px;display:block;}
#gnb-tab > li > ul{border-top:1px solid #c6c6c6;padding:20px 0 10px 0;display:none;}
#gnb-tab > li > ul > li{padding:0px 0 13px 17px}
#gnb-tab > li > ul > li > a{font-size:13px;padding-left:13px;background:url('/../images/sl-bul.png') no-repeat left center;display:block;}

.tab-site{background:#f7f7f7;height:140px;display:none;}
.tab-site fieldset{padding:30px 0 30px 30px;display:inline-block;}
.tab-site select.site {border: 1px solid #676767;height: 35px;width: 215px;color: #676767;outline: none;font-size: 13px;padding-left:15px;}
.tab-site a.site-go{float:inherit;padding:10px 13px;margin-left:0;}

.gnb-tab-on{position:absolute;background:#333333;width:100%;height:80px;display:none;}
.gnb-tab-on h1{font-size:15px;color:#fff;font-weight:600;display:inline-block;padding:30px 17px;}
.gnb-tab-on a{vertical-align:top;float:right;margin-right:30px;margin-top:27px;}

/* 2016-12-14 */
.log_after_txt {width:85%;}
.bt-btn ul li {width:50%;}
.bt-btn ul li.bt-btn3 {width:50%;}
}

/* 2016-12-09 */
@media all and (max-width:960px) {
.bt-btn ul li {width:50%;}
.main {height: 770px;}
}


@media all and (max-width:900px) {
.bt-btn ul li {width: 25%;}
.bt-btn ul li.bt-btn5, .bt-btn ul li.bt-btn6, .bt-btn ul li.bt-btn7, .bt-btn ul li.bt-btn8{margin-top:0;}
.main {height:1079px;}
.content-top ul li {width: 50%;}
.content-bt > ul > li {width: 50%;}
.content-bt h2 {font-size: 16px;font-weight: 600;margin: 30px 0 0 10%;}
h1.num {font-size: 28px;font-weight: 900;color: #0080c0;margin: 0px 0 0 10%;line-height: 35px;}
ul.mon-img > li.img-s img {max-width:100px;}
.mon-btn-wrap{margin-top:15px;}
.m-last{display:block;}
ul.mon-img > li.mon-txt ul li {line-height: 20px;font-size:14px;    background: url('/../images/sl-bul.png') no-repeat left 9px;}
ul.mon-img > li.mon-txt ul li.mon-tit {font-size: 15px;}
ul.mon-img > li.mon-txt {width: 65%;padding-left:12px;}
}

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

ul.down {margin-left: 8%;margin-top: 15px;}
ul.down li{display:block;height:26px;margin-top:7px;}
ul.down li a {border: 1px solid #6cbffe;color: #6cbffe;font-size: 12px;line-height: 12px;padding: 5px 25px 5px 10px;background: url('/../images/down.png') no-repeat 92% center;}
}

@media all and (max-width:800px) {
#footer .txt-wrap{width:70%;vertical-align:middle;margin-left:20px;}
}


/*******************************************************************************************************************************************************/
@media all and (max-width:768px) {
.content-top ul li h1 {font-size: 18px;line-height: 18px;}

#footer .txt-wrap{width:60%;vertical-align:middle;margin-left:20px;}
}

@media all and (max-width:750px) {
ul.mon-img > li.mon-txt {width: 55%;padding-left:8px;}
}



@media all and (max-width:640px){
.main .visual ul li.visual01{background:url('./../images/visual01-mo.png') no-repeat 60% 100%;background-size:cover;}
.main .visual ul li.visual02{background:url('./../images/visual02-mo.png') no-repeat 60% 100%;background-size:cover;}
.main .visual ul li.visual03{background:url('./../images/visual03-mo.png') no-repeat 60% 100%;background-size:cover;}
.main .visual {height: 560px;}
.main .visual ul {height: 560px;}
.main .visual ul li {height: 560px;}
.main .visual ul li img.pc{display:none;}
.main .visual ul li img.mo{display:block;max-width:90%;}
.ft-wrap.pc{display:none;}
.ft-wrap.mo{display:block;}
.content-bt > ul > li {width: 100%}
.bt-btn ul li {width: 50%;}
.bt-btn ul li.bt-btn1, .bt-btn ul li.bt-btn2, .bt-btn ul li.bt-btn3, .bt-btn ul li.bt-btn4, .bt-btn ul li.bt-btn5, .bt-btn ul li.bt-btn6, .bt-btn ul li.bt-btn7, .bt-btn ul li.bt-btn8{margin-top:0;}
.login-wrap input[type="text"] {width: 63%;}
.more {right: 50px;}
.content-top ul.mo {display:block;border-bottom:0;}
.content-top ul.pc {display:none;}
.content-top ul.mo li{width:100%;height:140px;}
.content-top ul.mo li a{background:none;border:none;padding:0;margin:0;display:block;}
.content-top ul.mo li a h1{font-size:20px;padding-top:8px;}
.content-top ul.mo li a h4{padding-top:5px;font-size:17px;}
.content-top ul.mo li.top1{background:#59b2ff url('./../images/cont-top1-tab.png') no-repeat 90% center;}
.content-top ul.mo li.top2{background:#2ea4ff url('./../images/cont-top2-tab.png') no-repeat 90% center;}
.content-top ul.mo li.top3{background:#1396ff url('./../images/cont-top3-tab.png') no-repeat 90% center;}
#gnb-tab {width: 100%;}
.gnb-tab-wrap {width:100%;}
.tab-site fieldset{width:100%;}
.tab-site select.site {width:75%;}
header .hd-top-wrap ul{display:none;}
header .hd-top-wrap {height:15px;}
header .hd-top {height:15px;}
.content-bt ul li.top3 {padding-bottom:15px;}
.ft-wrap.mo{background:#444444;text-align:center;padding:0 !important;}
.txt-wrap.mo{width:100% !important;margin-left:0 !important;}
.ft-wrap.mo a img{width:50%;margin-top:35px;}
.ft-wrap.mo p{color:#e1e1e1 !important;line-height:22px !important;margin-top:18px;margin-bottom:20px;margin-left:0 !important;width:100%;}
h1.num {font-size: 42px;font-weight: 900;color: #0080c0;margin: 0px 0 0 6%;line-height: 48px;}
p.bank {font-size: 15px;margin-top:14px;}
p.bank2 {font-size: 15px;margin-top:10px;}
ul.down li {display: inline-block;height: 35px;margin-top: 7px;}
ul.down li a {border: 1px solid #6cbffe;color: #6cbffe;font-size: 12px;line-height: 12px;padding: 9px 25px 9px 10px;}
ul.down li a {margin-left:6px !important;}
ul.down li:first-child a{margin-left:0 !important;}
.content-top ul li {width:100%;height:150px;}
.content-bt > ul > li {width:100%;}
.content-bt > ul > li {height: 350px;}
.bd-wrap {min-height: 349px;}
.content-top ul li.top1{background:#0080c0 url('./../images/cont-top1-tab.png') no-repeat 85% center ;}
.content-top ul li.top2{background:#005079 url('./../images/cont-top2-tab.png') no-repeat 85% center;}
.content-top ul li.top3{background:#008d79 url('./../images/cont-top3-tab.png') no-repeat 85% center;}
.content-top ul li.top4{background:#153a4e url('./../images/cont-top4-tab.png') no-repeat 85% center;}
.content-top ul li h1 {font-size: 26px;line-height:20px;margin: 50px 0 0 6%;}
.content-top ul li h4 {margin: 18px 0 0 6%;font-size:20px;}
.content-bt h2 {font-size: 26px;line-height:20px;margin: 50px 0 0 6%;}
.content-bt ul li.top1 {background: #c4eaf4 url('./../images/cont-bt1-mo.png') no-repeat 85% 92%;}
p.mails {font-size: 18px;margin: 25px 0 0 6%;line-height: 25px;padding-left: 50px;background: url('./../images/mail-icon-mo.png') no-repeat left center;}
.mon-img > li.img-s img {max-width: 140px;}
ul.mon-img {margin: 25px 0 0 6%;}
a.mon-btn {border-radius: 20px;padding: 15px 30px 15px 45px;font-size: 16px;line-height: 13px;}
ul.mon-img > li.mon-txt ul li.mon-tit {font-size: 18px;}
ul.mon-img > li.mon-txt ul li {line-height: 23px;font-size: 16px;}
ul.mon-img > li.mon-txt {padding-left: 10px;}
div.log-top {margin: 25px 0 0 6%;}
div.log-top label{font-size:15px;}
.login-wrap {margin: 30px 0 0 6%;}
ul.login-bt {margin: 25px 0 0 6%;}
ul.login-bt li a{font-size:15px;}
.login-wrap input[type="text"] {height: 47px;font-size: 15px;line-height: 17px;padding-left: 20px;}
.login-wrap button {font-size: 15px;padding: 44px 0 44px 0;line-height: 15px;}

}
@media all and (max-width:450px){
.main .visual {height: 460px;}
.main .visual ul {height: 460px;}
.main .visual ul li {height: 460px;}
.content-bt h2 {font-size: 20px;}
h1.num {font-size: 30px;margin-top:0px;}
.content-top ul li h1 {font-size: 22px;line-height: 20px;margin: 50px 0 0 6%;}
.content-top ul li h4 {margin: 18px 0 0 6%;font-size: 18px;}
}

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

.content-top ul.mo li a h1 {font-size: 16px;padding-top: 8px;}
.content-top ul.mo li a h4 {padding-top: 5px;font-size: 14px;}
}


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

.content-top ul li.top1{background:#0080c0 url('./../images/cont-top1-tab.png') no-repeat 90% center ;}
.content-top ul li.top2{background:#005079 url('./../images/cont-top2-tab.png') no-repeat 90% center;}
.content-top ul li.top3{background:#008d79 url('./../images/cont-top3-tab.png') no-repeat 90% center;}
.content-top ul li.top4{background:#153a4e url('./../images/cont-top4-tab.png') no-repeat 90% center;}
}