@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input[type='text'],input[type='password']{-webkit-appearance:none;border-radius:0/*Safari/Chrome*/}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:18px;line-height:1.5;font-family:Apple Gothic,"Malgun Gothic",dotum,"Arial", sans-serif;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0}

/* global */
.skip_navigation a {position:absolute;top:-70px;left:0;z-index:10000;transition:0.3s;width:100%;background:#001157;text-align:center;color:#fff;padding:20px 0px}
.skip_navigation a:focus {top:0}
.clear_fix:after {display:block;content:'';clear:both}
.hide {display:none}
.f_l {float:left}
.f_r {float:right}
.align_center {text-align:center}
.font_bold{font-weight:bold}
.blind {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

.point-txt{color:#0197e4 !important}
.point-txt2{color:#ed4f4f !important}
.err .wr-txt{color:#ed4f4f;font-size:12px;letter-spacing:-1px}
.link-txt{color:#2c86dc}
.link-txt:hover,.link-txt:focus{text-decoration:underline}
.spr{display:inline-block;background:url(../../images/login/sp_image.png) 0 0 no-repeat;background-size:250px 250px}
.btn-hw-start {display:block; width:278px; margin:18px auto 0; border-radius:3px; background-color:#2c86dc; color:#fff; font-size:16px; line-height:44px; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; transition:all 0.25s}
.btn-hw-start:hover,.btn-hw-start:focus{background:#1277d5}
.container-wrap{width:90%;margin:0 auto}
.dot-list{margin-left:20px;list-style:disc}

/* ios font-size */
html { 
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none; 
}


/* placeholder */
::-webkit-input-placeholder {color:#999}
:-moz-placeholder{/* Firefox 18- */color:#999}
::-moz-placeholder{/* Firefox 19+ */color:#999}
:-ms-input-placeholder{color:#999}

/* button */
.btn-wrap{padding:60px 0;text-align:center}
.btn-wrap.tr{text-align:right}
.btn-wrap.case2{padding:60px 0 10px}
.btn-wrap .btn{margin-bottom:20px}
.btn{display:inline-block;height:68px;line-height:68px;margin:0 auto;padding:0 80px;color:#666;cursor:pointer;font-size:18px;text-align:center;word-break:normal;white-space:nowrap;border:1px solid #c8c8c8;border-radius:2px;background:#fff;-webkit-appearance:none;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}
.btn.big{padding:0 54px}
.btn.small{height:48px;line-height:48px;padding:0 44px;font-size:16px;border-radius:0}
.btn-wrap .btn.full{display:block}
.btn:hover,.btn:focus{border-color:#a8a8a8}
.btn.color{color:#fff;border-color:#2985db;background:#2985db}
.btn.color:hover,.btn.color:focus{background:#1277d5}
.btn.txt-etc{color:#2985db}
.btn.txt-etc:hover,.btn.txt-etc:focus{border-color:#2985db}
.btn.bg-etc{color:#666;border-color:#f1f1f1;background:#f1f1f1}
.btn.bg-etc:hover,.btn.bg-etc:focus{border-color:#dadada;background:#dadada}
.several .btn{width:calc(100% - 2px);padding:0;margin-bottom:20px}
button.btn{height:70px;line-height:70px}
button.btn.small{height:50px;line-height:50px}

/* input */
.int{width:100%;height:56px;line-height:56px;margin-bottom:14px;text-indent:20px;border:1px solid #c8c8c8;box-sizing:border-box}
.int.errint{border:2px solid #2985db}

/* modal */
.dim {display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;margin:0;padding:0;background:#000;opacity:0.5;filter:alpha(opacity=50)}
.modal_window{position:fixed;left:50%;top:50%;width:290px;z-index:1010;background:#fff;box-shadow:0.1em 0.1em 0.8em rgba(0,0,0,0.5)}
.modal_header{padding:14px 20px 7px}
.my_layer h4{padding:14px 20px 12px}
.modal_body,.my_layer div{padding:0 20px;color:#666}
.modal_body ul.list{margin-left:3px;padding-left:10px}
.modal_body ul.list li{list-style:disc;text-align:left}
.modal_footer{padding:10px 10px;margin-bottom:10px;text-align:center}
.modal_close{display:inline-block;padding:5px 10px;border:1px solid #ccc;cursor:pointer;color:#464646;background:#f8f8f8}
.mobile_layer {display:block}
.pc_layer {display:none}

/* --------------------------------------------
 * ipad-portrait
/* ------------------------------------------ */
@media screen and (min-width:768px) {

.modal_window{width:728px}
.several .btn{width:auto;padding:0 54px;margin:0 10px 20px}
.several.tr .btn{margin:0 0 0 20px}

}

/* --------------------------------------------
 * ipad-landscape
/* ------------------------------------------ */
@media screen and (min-width:1024px) {

	body,th,td,input,select,textarea,button{font-size:14px}
	.dot-list:before{margin-right:10px}
	.btn-wrap{padding:100px 0 100px}
	.btn-wrap.case2{padding:100px 0 60px}
	.btn{height:58px;line-height:54px;padding:0 54px}
	.btn.big{height:68px;line-height:68px;padding:0 44px;font-size:24px}
	.btn.small{height:34px;line-height:33px;padding:0 24px;font-size:14px;border-radius:0}
  .btn-wrap .btn.full{display:inline-block;}
	.int{width:100%;height:50px;line-height:50px;margin-bottom:10px}
	button.btn{height:60px;line-height:60px}
	button.btn.big{height:70px;line-height:70px}
	button.btn.small{height:36px;line-height:35px}
	
	/* layer */
	.pc_layer {position:relative;display:block} 
	.mobile_layer {display:none}
	.my_layer{position:absolute;padding-bottom:20px;z-index:1010;background:#f8f8f8;border:1px solid #eee}
	.my_layer .close-btn{position:absolute;right:14px;top:14px;padding:0}
	.my_layer .close-btn a{display:inline-block;width:24px;height:24px;background-position:-1px -242px;background-size:500px 500px}
	.my_layer ul.list{margin-left:3px;padding-left:10px}
	.my_layer ul.list li{list-style:disc}

}


/* --------------------------------------------
 * hamburger
/* ------------------------------------------ */
.hamburger {
  position:absolute;
  top:14px;
  right:11px;
  width:50px;
  height:40px;
  cursor: pointer;
  -webkit-transform: translate3d(0px,0px,0px);
  -moz-transform: translate3d(0px,0px,0px);
  -ms-transform: translate3d(0px,0px,0px);
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.6,0,0.2,1);
  -moz-transition-property: -moz-transform;
  -moz-transition-timing-function: cubic-bezier(0.6,0,0.2,1);
  -ms-transition-property: -ms-transform;
  -ms-transition-timing-function: cubic-bezier(0.6,0,0.2,1);
}
.hamburger>div>p:nth-child(1) {
  top: 10px;
  -webkit-transform: translate3d(0px,0px,0px) rotate(0deg);
  -moz-transform: translate3d(0px,0px,0px) rotate(0deg);
  -ms-transform: translate3d(0px,0px,0px) rotate(0deg);
}
.hamburger>div>p:nth-child(2) {
  top: 20px;
  -webkit-transform: translate3d(0px,0px,0px) scaleX(1);
  -moz-transform: translate3d(0px,0px,0px) scaleX(1);
  -ms-transform: translate3d(0px,0px,0px) scaleX(1);
}
.hamburger>div>p:nth-child(3) {
  top: 30px;
  -webkit-transform: translate3d(0px,0px,0px) rotate(0deg);
  -moz-transform: translate3d(0px,0px,0px) rotate(0deg);
  -ms-transform: translate3d(0px,0px,0px) rotate(0deg);
}
.hamburger>div>p {
  display: block;
  width: 36px;
  height: 2px;
  border-radius:4px;
  background-color:#666;
  position: absolute;
  z-index: 95;
  left: 5px;
  -webkit-transition-property: -webkit-transform,background-color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(0.6,0,0.2,1);
  -moz-transition-property: -moz-transform,background-color;
  -moz-transition-duration: .3s;
  -moz-transition-timing-function: cubic-bezier(0.6,0,0.2,1);
  -ms-transition-property: -ms-transform,background-color;
  -ms-transition-duration: .3s;
  -ms-transition-timing-function: cubic-bezier(0.6,0,0.2,1);
}
.hamburger.on>div>p:nth-child(1) {
  -webkit-transform: translate3d(0px,9px,0px) rotate(-45deg);
  -moz-transform: translate3d(0px,9px,0px) rotate(-45deg);
  -ms-transform: translate3d(0px,9px,0px) rotate(-45deg);
}
.hamburger.on>div>p:nth-child(2) {
  -webkit-transform: translate3d(0px,0px,0px) scaleX(0);
  -moz-transform: translate3d(0px,0px,0px) scaleX(0);
  -ms-transform: translate3d(0px,0px,0px) scaleX(0);
}
.hamburger.on>div>p:nth-child(3) {
  -webkit-transform: translate3d(0px,-11px,0px) rotate(45deg);
  -moz-transform: translate3d(0px,-9px,0px) rotate(45deg);
  -ms-transform: translate3d(0px,-9px,0px) rotate(45deg);
}
/* //hamburger */


/* --------------------------------------------
 *  Core Owl Carousel CSS File
 *  v1.3.3
 /* ------------------------------------------ */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
*   Owl Carousel Owl Demo Theme 
* v1.3.3
*/
.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
  color: #FFF;
  display: inline-block;
  zoom: 1;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  background: #869791;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 6px;
  height: 6px;
  margin: 5px 6px;
  border-radius: 50%;
  background: #e7e7e7;
}
.owl-theme .owl-controls .owl-page.active span {
  background-color:#2985dc
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center
}

.file_input_button{width: 56px; position: absolute; top: 0px; padding-left: 5px;}
.file_input_hidden{cursor: pointer; position: absolute; left: 205px; top: 0px; width: 60px; height: 23px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}