/* Common */
* { margin:0; padding:0;box-sizing:border-box;} 

html,body { width:100%; height:100%; font-family: 'Montserrat','Noto Sans SC',sans-serif; font-size:16px; line-height:1.4; } 

html { overflow-y:scroll } 
body,h1,h2,h3,h4,input,textarea,select,option,button { color:#212025 } 
body { background-color:#fff; *word-break:break-all; -ms-word-break:break-all } 
img,fieldset,iframe { border:0 none } 
input,select,button { vertical-align:middle } 
em,address { font-style:normal } 
label,button { cursor:pointer } 
a { color:inherit; text-decoration:none; } 
a:hover, a:visited, a:link { text-decoration:none; } 
html:first-child select { height:20px; padding-right:6px } 
option { padding-right:6px } 
hr { display:none; clear:both; } 


a { outline: 0; } 
a:link { text-decoration:none; } 
a:hover { text-decoration:none; } 
a:visited { text-decoration:none; } 



 /* -----기본 링크스타일----- */

caption, legend { font-size: 0; width: 0; height: 0; overflow:hidden; position:absolute; visibility:hidden; } 

fieldset,img { vertical-align:top; } 

table { border-collapse:collapse; border-spacing:0; border:0; } 

input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; } 

input[type=password] { IME-MODE: disabled; } 

ul,ol,dl { list-style:none; } 

textarea { overflow:auto; } 

.xi-close {color: #fff!important;}

.input_radio_in1 { display:inline; width:13px; height:13px; margin:-5px 2px 0 5px; vertical-align:middle; } 



.skip { position:absolute; width:1px; height:1px; border:1px; top:-5000em; overflow:hidden; } 
.disno { display:none; } 
.hidden { display:none; } 

.b_img {display: block; margin: 0 auto;}


.depthnew {width:1400px; margin:0 auto;}
.wrap { min-width:1400px; position:relative; overflow:hidden; } 
.con1400 { width:1400px; margin:0 auto; } 
.con1200 { width:1200px; margin:0 auto; } 


.di_b {display: block;}
.di_ib {display: inline-block;}
.di_if {display: inline-flex;}
.di_f {display: flex;}
.di_t {display: table;}
.di_tc {display: table-cell;}

.ofh {overflow: hidden;}
.ofv {overflow: visible;}

.tac {text-align: center;}
.tal {text-align-last: left;}
.tar {text-align: right;}

.vat {vertical-align: top;}
.vam {vertical-align: middle;}


.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.mt40{margin-top:40px;}

.mauto {margin: 0 auto;}
.mt_10 {margin-top: 10px;}
.mt_50 {margin-top: 50px;}
.mb_10 {margin-bottom: 10px;}
.mb_50 {margin-bottom: 50px;}

.pt_10 {padding-top: 10px;}
.pt_50 {padding-top: 50px;}
.pb50,.pb_50 {padding-bottom: 50px;}
.pr_10 {padding-right: 10px;}
.pl_10 {padding-left: 10px;}
.pl_15 {padding-left: 15px;}

.w100 {width: 100%;}
.w90 {width:90%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w50 {width: 50%;}
.w30 {width: 30%;}
.w20 {width: 20%;}
.w10 {width: 10%;}

.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size17 { font-size: 17px; }
.size18 { font-size: 18px; }
.size19 { font-size: 19px; }
.size20 { font-size: 20px; }
.size21 { font-size: 21px; }
.size22 { font-size: 22px; }
.size23 { font-size: 23px; }
.size24 { font-size: 24px; }
.size25 { font-size: 25px; }
.size26 { font-size: 26px; }
.size27 { font-size: 27px; }
.size28 { font-size: 28px; }
.size29 { font-size: 29px; }
.size30 { font-size: 30px; }
.size31 { font-size: 31px; }
.size32 { font-size: 32px; }
.size33 { font-size: 33px; }
.size34 { font-size: 34px; }
.size35 { font-size: 35px; }
.size36 { font-size: 36px; }
.size37 { font-size: 37px; }
.size38 { font-size: 38px; }
.size39 { font-size: 39px; }
.size40 { font-size: 40px; }
.size41 { font-size: 41px; }
.size42 { font-size: 42px; }
.size43 { font-size: 43px; }
.size44 { font-size: 44px; }
.size45 { font-size: 45px; }
.size46 { font-size: 46px; }
.size47 { font-size: 47px; }
.size48 { font-size: 48px; }
.size49 { font-size: 49px; }
.size50 { font-size: 50px; }
.size52 { font-size: 52px; }
.size60 { font-size: 60px; }
.size70 { font-size: 70px; }
.size80 { font-size: 80px; }
.size90 { font-size: 90px; }

.bg_fff {background: #fff;}
.bg_000 {background: #000;}

.fc_a3 {color: #a3a3a3;}

.boardTitle {padding: 50px 0 20px;}
.boardTitle h2 { font-size: 42px; color: #00354d; text-align: center; padding-bottom: 15px; position: relative; }
.boardTitle h2:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; background: #747271; margin-left: -25px;}


@keyframes ring {
	  0% { transform: rotate(0); }
	  13% { transform: rotate(26deg); }
	  15% { transform: rotate(-24deg); }
	  17% { transform: rotate(22deg); }
	  19% { transform: rotate(-20deg); }
	  21% { transform: rotate(18deg); } 
	  23% { transform: rotate(-16deg); }
	  25% { transform: rotate(14deg); }
	  27% { transform: rotate(-12deg); }
	  29% { transform: rotate(10deg); } 
	  31% { transform: rotate(-8deg); }
	  33% { transform: rotate(6deg); }
	  35% { transform: rotate(-4deg); }
	  37% { transform: rotate(2deg); }
	  39% { transform: rotate(-1deg); }
	  41% { transform: rotate(1deg); }
	  43% { transform: rotate(0); }
	  100% { transform: rotate(0); }
}

@keyframes down {
	from {
		transform:translate3d(0, -10px, 0);
	}
	to {
		transform:translate3d(0, 10px, 0);
	}
}

@keyframes ripple {
  0% {
	box-shadow: 0 0 0 0 rgba(254,56,116,0.8);
  }
  100% {
	box-shadow: 0 0 0 15px rgba(254,56,116,0);
  }
}
