@charset "utf-8";

/****************************** common ******************************/
body{width:100%; /* min-width:747px */} 
.in-section{max-width:1200px; margin:0 auto}
.container-fluid{padding-left: 0;padding-right: 0;overflow: hidden;margin-left: 0;margin-right: 0;}
section.row{margin-left: 0;margin-right: 0;}

/****************************** header ******************************/
header{/*width:100%*/}
.hide{display:none}

.header-sm{position:absolute; top:0; left:0; z-index:1002; width:100%; /* min-width:747px; */ height:45px;transition:all .5s ease-out} 
.header-sm.fixed{position: fixed;background: rgba(255,255,255,.8);} 
.header-sm h1{float:left; padding:16px 0 0 23px}
.header-sm h1 a{width:70px; height:14px; background:url(/images/common/h1_logo.png) 0 0 no-repeat;background-size:70px;}

.header-sm .btn-menu{overflow:hidden; float:right; width:43px; height:30px; padding:16px 23px 0 0; box-sizing:border-box}
.header-sm .btn-menu .wrap-bar{display:block; position:relative; width:100%; height:100%}
.header-sm .btn-menu .bar{display:block; position:absolute; right:0; width:20px; height:2px; background:#1257ab;border-radius: 2px;}
.header-sm.fixed .btn-menu .bar{background:#1257ab !important;}
.header-sm .btn-menu .bar1{top:0}
.header-sm .btn-menu .bar2{top:6px}
.header-sm .btn-menu .bar3{top:12px}
.gnb-sm{position:absolute; top:0; left:0; z-index:1001; width:100%; height:100%; padding:30% 0 0 0; box-sizing:border-box; background:rgba(0,0,0,0.9); text-align:center;overflow-y:auto;}
.gnb-sm .menu{margin:0 0 3.333rem 0}
.gnb-sm .menu li{margin-bottom:2.917rem}
.gnb-sm .menu li:last-child{margin-bottom:0}
.gnb-sm .menu li a{display:block; color:#fff; line-height:2rem; font-size:2rem; font-weight:bold; text-align:center}
.gnb-sm .btn-request{display:block; width:57.812%;max-width:18rem; margin:0 auto 40px auto; background:#1257ab; color:#fff; line-height:1.367rem; font-size:1.367rem; font-weight:500; text-align:center;padding:1.25rem 0;}
.gnb-sm .bottom{display:inline-block;padding-bottom:10%;}
.gnb-sm .bottom li{float:left}
.gnb-sm .bottom li.left,
.gnb-sm .bottom li.right{margin-right:50px}
.gnb-sm .bottom li a{padding-top:2px; color:#ccc; line-height:1rem; font-size:1rem}
.gnb-sm .bottom li.left a{padding-left:14px; background:url(/images/common/header_sm_bottom1.png) 0 center no-repeat;background-size:7px 10px;;}
.gnb-sm .bottom li.right a{padding-left:17px; background:url(/images/common/header_sm_bottom2.png) 0 center no-repeat;background-size:10px;;}

header .header-md{max-width:1200px; margin:0 auto; padding:0 15px; box-sizing:border-box;}
header .header-md h1{float:left; padding:35px 0 0 0;transition:all .5s ease-out;}
header .header-md h1 a{width:130px; height:26px; background:url(/images/common/h1_logo_pc.png) 0 0 no-repeat;transition:background-image .5s ease-out;}
header .header-md .gnb{float:right; position:relative; padding-top:49px;transition:all .5s ease-out;}
header .header-md .gnb .menu{float:left}
header .header-md .gnb .menu li{float:left; position:relative; height:34px; margin-right:59px}
header .header-md .gnb .menu li:last-child{margin-right:39px}
header .header-md .gnb .menu li a{display:block; padding:11px 0 0 0; color:#111; line-height:14px; font-size:14px; font-weight:bold;}
header .header-md .gnb .menu li:hover a{transition:all ease-out .2s}
header .header-md .gnb .menu li:hover a,
header .header-md .gnb .menu li.active a{color:#1257ab}
header .header-md .gnb .menu li .animate{position:absolute; bottom:0; left:0; width:100%; height:4px}
header .header-md .gnb .menu li .animate .obje{position:absolute; top:0; width:0; height:100%; background:#1257ab; opacity:0.5}
header .header-md .gnb .menu li .animate .obje.active{width:100%;opacity: 1;}
header .header-md .gnb .menu li .animate .obje.left{left:50%}
/* header .header-md .gnb .menu li:hover .animate .obje{transition:all ease-out .2s}
header .header-md .gnb .menu li:hover .animate .obje,
header .header-md .gnb .menu li.active .animate .obje{width:100%; opacity:1} */
header .header-md .gnb .top{position:absolute; top:17px; right:0}
header .header-md .gnb .top li{float:left; margin:0 12px 0 0; padding:0 12px 0 0; border-right:1px solid #999}
header .header-md .gnb .top li:last-child{margin-right:0; padding-right:0; border-right:none}
header .header-md .gnb .top li a{color:#666; line-height:11px; font-size:11px;transition:all .2s ease-out;}
header .header-md .gnb .top li a:hover{color:#111 !important}
header .header-md .gnb .btn-request{display:block; float:right; width:150px; height:34px; padding:10px 0 0 0; background:#1257ab; color:#fff; line-height:14px; font-size:14px; font-weight:bold; text-align:center;transition:all .2s ease-out;}
header .header-md .gnb .btn-request:hover{background: #111;}

.footer{position: relative;padding:15px 0; background:#ccc; color:#666; line-height:1rem; font-size:1rem; text-align:center;}

.modal-backdrop.in{opacity:.8;height:100%;border-bottom:1px solid #000;}
.modal-content{border:none; border-radius:0; box-shadow:none;}
.btn_up_layer{display: none;position:fixed;right:10px;bottom:50px;width:25px;height:25px;z-index: 1;text-indent: -999%;font-size: 0;border: 0;background: url('/images/common/btn_top.png');background-size:25px;transition:background-image .2s ease-out;}
.btn_up_layer.fixed{position:fixed;right:10px;bottom:10px;}
.btn_up_layer:hover{}

@media screen and (min-width: 1230px) {
	header .header-md{padding:0}
}


/****************************** sub-common ******************************/
.sub .header-sm.fixed h1 a{background: url(/images/common/h1_logo.png) 0 0 no-repeat;background-size:70px;}
.sub header{position:absolute; top:0; left:0; z-index:3;right: 0;}
.sub-head{position:relative; z-index:1; height:16rem; box-sizing:border-box;text-align:center}

.sub-head .inner{position:absolute; top:0; left:0; width:100%; padding:9.75rem 0 0 0; z-index: 2;}
.sub-head .mobile-bg{position:absolute; top:0; left:0;width:100%;height: 100%;}
.sub-head .pc-bg{position:absolute; top:0; left:0;width:100%;height: 100%;}
.sub-head h2{margin:0 0 35px 0; line-height:2.5rem; font-size:2.5rem; font-weight:bold}
.sub-head ul{display:flex;width: 100%;justify-content: center;}
.sub-head ul li{width:33.3%;float:left; border-bottom:1px solid #e5e5e5;
	/* border-left:1px solid #e5e5e5; */
	border-right:1px solid #e5e5e5;
	transition: all .2s ease-out;
}
.sub-head ul li:last-child{border-right:none;}
.sub-head ul li a{display:block; width:100%; height:3.083rem;background:#fff; color:#111; line-height:1rem; font-size:1rem; font-weight:bold; text-align:center;padding:13px 0;}
.sub-head ul li:hover a{background:#111; color:#fff;
	transition: all .2s ease-out;
}
.product .sub-head ul li:hover a{background:#fff; color:#000;}
.sub-head ul li.active a{background:#111; color:#fff}

header{/*transition:all .5s ease-out;*/z-index: 1;right: 0;}
header.fixed{position: fixed !important;background: rgba(255,255,255,.8);z-index:5;}
header.fixed .header-md h1{padding-top:18px;}
header.fixed .header-md h1 a{background:url(/images/common/h1_logo_pc.png) 0 0 no-repeat !important;}
header.fixed .header-md .gnb{padding:18px 0;}
header.fixed .header-md .gnb .menu li a{color:#000 !important}
header.fixed .header-md .gnb .menu li a:hover{color:#1257ab !important}
header.fixed .header-md .gnb .top{display: none;}
header.fixed .header-md .gnb .menu li .animate .obje{background: #1257ab !important;}

.edit,
.edit span,
.edit p,
.edit ul,
.edit ul li{color:inherit; line-height:1.5em; font-size:inherit; font-weight:inherit}
.edit ul,
.edit ul li{list-style:inherit}
.edit ul li{margin-left:15px}
.edit img,
.edit table{max-width:100%}

.wrap-btn-more{text-align:center}
.btn-more{display:inline-block; padding:2.083rem 0 0 0;; background:url(/images/common/btn_more.png) top center no-repeat; background-size:1.667rem;color:#111; line-height:1.25rem; font-size:1.25rem;
	transition: all .2s ease-out;
}
.btn-more:hover{background:url(/images/common/btn_more_on.png) top center no-repeat;background-size:1.667rem;
	transition: all .2s ease-out;
}

input[type="text"],input[type="email"],
input[type="password"]{/* height:41px; */ border:none; padding:8px 10px 7px; background:#fff; color:#111; line-height:1.4rem; font-size:1.1rem}
::-webkit-input-placeholder { color: #bbb !important;}
::-moz-placeholder {color: #bbb !important;}
:-ms-input-placeholder {color: #bbb !important;}
:-moz-placeholder {color: #bbb !important;}

textarea{padding:1.083rem; border:none; box-sizing:border-box; background:#fff; color:#111; line-height:1.583rem; font-size:1rem}

.wrap-paging{text-align:center}
.paging{display:inline-block}
.paging .btn-arrow{display:block; overflow:hidden; float:left; min-width:1.75rem; min-height:1.75rem; border:1px solid #111; box-sizing:border-box; background:none; text-indent:-9999px;}
.paging .btn-arrow.prev{margin-right:10px; background:url(/images/info/notice_page_prev.png) center center no-repeat;background-size:.25rem;}
.paging .btn-arrow.prev:hover{background:#111 url(/images/info/notice_page_prev_on.png) center center no-repeat;transition: all .2s ease-out;background-size:.25rem;}
.paging .btn-arrow.next{margin-left:9px; background:url(/images/info/notice_page_next.png) center center no-repeat;background-size:.25rem;}
.paging .btn-arrow.next:hover{background:#111 url(/images/info/notice_page_next_on.png) center center no-repeat;transition: all .2s ease-out;background-size:.25rem;}
.paging ul{float:left}
.paging ul li{float:left; margin-right:1px}
.paging ul li a{display:block; min-width:1.75rem; min-height:1.75rem; line-height:1.75rem;padding:0 7px; box-sizing:border-box; background:none; color:#111;  text-align:center;transition: all .2s ease-out;font-size:.833rem}
.paging ul li.active a{background:#1257ab; color:#fff}
.paging ul li a:hover{color:#1257ab; font-weight:bold;
	transition: all .2s ease-out;
}
.paging ul li.active a:hover{color:#fff; font-weight:normal;
	transition: none;
}


@media screen and (min-width: 768px) {
	.sub-head {height:320px;}
	.sub-head h2{font-size: 42px;margin-bottom:182px;}
	.sub-head .inner{padding-top:103px;}
}

@media screen and (min-width: 992px) {
	.sub-head{position:relative; z-index:1; height:346px; box-sizing:border-box; /*background:#666; */text-align:center}
	.sub-head .inner{position:absolute; top:0; left:0; width:100%; padding:165px 0 0 0}
	.sub-head h2{margin:0 0 89px 0; line-height:50px; font-size:50px;    height: 44px; font-weight:bold}
	.sub-head ul{width:auto;}
	.sub-head ul li{width:auto;}
	.sub-head ul li a{width:199px;height:48px;line-height:16px; font-size:16px;padding:16px 0 15px;}

	.btn-more{padding:50px 0 0 0; background-size:auto; line-height:18px; font-size:18px;}
	.btn-more:hover{background-size:auto;}
	.btn_up_layer{right:25px;bottom:95px;width:50px;height: 50px;background: url('/images/common/btn_top.png');background-size:auto;}
	.btn_up_layer.fixed{right:25px;bottom:25px;}
	.btn_up_layer:hover{background: url('/images/common/btn_top_over.png');}

	.paging .btn-arrow{display:block; overflow:hidden; float:left; width:34px; height:34px; border:2px solid #111; box-sizing:border-box; background:#fff; text-indent:-9999px}
	.paging .btn-arrow.prev{margin-right:10px; background:url(/images/info/notice_page_prev.png) center center no-repeat;background-size:auto;}
	.paging .btn-arrow.prev:hover{background:#111 url(/images/info/notice_page_prev_on.png) center center no-repeat;background-size:auto;transition: all .2s ease-out;}
	.paging .btn-arrow.next{margin-left:9px; background:url(/images/info/notice_page_next.png) center center no-repeat;background-size:auto;}
	.paging .btn-arrow.next:hover{background:#111 url(/images/info/notice_page_next_on.png) center center no-repeat;background-size:auto;transition: all .2s ease-out;}
	.paging ul li a{display:block; min-width:34px; height:34px; padding:0 7px; box-sizing:border-box; background:#fff; color:#111; line-height:34px; text-align:center;
		transition: all .2s ease-out;font-size: 14px;
	}

	input[type="text"],input[type="email"],
	input[type="password"]{height:41px; padding:0 20px; background:#f5f5f5; color:#111; line-height:16px; font-size:16px;}
	textarea{padding:12px 45px 12px 20px; background:#f5f5f5; color:#111; line-height:28px; font-size:14px}


	.footer{width: 100%;height:73px; padding:30px 0 0 0; background:#ccc; color:#666; line-height:14px; font-size:14px; text-align:center}
}