html {-webkit-tap-highlight-color: transparent !important}


* {
	margin: 0px; padding: 0px; 
	font-family: 'Noto Sans KR', sans-serif;	
	line-height:1.15;
	letter-spacing:normal;  
}

/* COMMON */
body {margin:0; padding:0;font-family:'Noto Sans KR', sans-serif;color:#1b1b1b; width:100%; position:relative; letter-spacing:-1px;
/** -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none  /*[TODO] 20220517 작업 완료 후 주석 풀 것*/
}
#container {overflow:hidden;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select,textarea{margin:0;padding:0; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
img,fieldset,iframe{border:0 none}
li{list-style:none; }
img{vertical-align:top}
img {-ms-interpolation-mode:bicubic !important}
img {-ms-interpolation-mode: nearest-neighbor !important}
/*em,*/address{font-style:normal}
label {vertical-align:-1px;margin-right:10px;}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0 none;background-color:transparent;cursor:pointer}
a{color:#111111;text-decoration:none}
a:hover{color:#000;text-decoration:none}
hr{display:none}
legend{*width:0}
p { line-height:1.15}
section { clear:both; float:left; width:100%; margin-bottom:70px; }
section p { font-size:100%;line-height:1.15; }
section span { font-size:100%}
.text_p { line-height:1.15}
.ed, .inputbox { border:1px solid #d5d5d5; padding: 5px} 
em{ font-weight:normal; font-style:normal; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

input {
    position: relative;
}

video[poster]{ 
	/* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
    /*height:100%;*/
    width:100%;
    }

.imgmiddle img {vertical-align:middle!important}
.imgbottom img {vertical-align:bottom !important}

table th { font-weight: normal !important}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

/*
textarea {line-height:18px; margin-right:3px; padding:0px 5px; background:#ffffff; border:1px solid #b5bce5; color:#000;}
input {height:18px; line-height:18px; margin-right:3px; padding:0px 5px; background:#ffffff; border:1px solid #b5bce5; color:#000;}
*/
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

/* SKIP AREA */
.skip, legend {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.skip .hidden{ visibility:hidden; font-size:0; line-height:0;}
.skip a{ display:block; position:absolute; top:-10000em; left:0; width:100%; background-color:#000000; color:white; font:600 1.2em '돋움',dotum,helvetica,sans-serif; text-align:center;}
.skip a:hover,.skip a:active,.skip a:focus{ top:0; padding:1em 0; margin-bottom:10px; }

/* 폰트굵기 */
.letter_normal { letter-spacing:0 !important}
.f_normal { font-weight:normal !important}
.strong { font-weight: 800 !important}
.strong_pink { font-weight: 800 !important ; color:#ff6a73 !important}

/* 폰트크기 */
.font7 { font-size:0.7em;}
.font75 { font-size:0.75em;}
.font8 { font-size:0.8em;}
.font85 { font-size:0.85em;}
.font9 { font-size:0.9em;}
.font95 { font-size:0.95em;}

/* 폰트컬러 */
.font_pink { color:#ff6a73 !important}
.font_violet { color:#8f6ac9 !important}
.font_gray { color:#948f8b !important}

/* 색박스 */
.pinkbox{ padding:3px; background:#f26d7d; color:#fff; text-align:center; text-decoration:none;}

/* 배경색 */
.white_bg {background:#fff;}
.beige_bg {background:#faf8f6;}
.gray_bg {background:#FBFAF9;}


/* 선 */
.background_no { background-image: none !important;}
.border_no { border:none !important;}
.border_bottom1_5 { border-bottom: 1.5px solid #e5e1dc !important;}

/*정렬*/
.floatR { float:right !important;}
.floatL { float:left !important;}
.floatC { margin:0 auto !important;}
.clear { clear:both !important;}
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}

/*버튼공통*/
.btwrap {width:100%; clear: both}
.bt_box_auto {margin: 0 auto; width: auto}
.bt_box_200 {margin: 0 auto; width: 150px}
.sub_bt li {text-align:center; box-sizing: border-box; }
.sub_bt li a{display:block; padding:12px 0; font-size:0.85rem; margin: 20px 0 0 0}
.sub_bt li.black a {color:#fff; background:#1b1b1b url("/ko/images/bt_arrow.png") 90% 50% no-repeat; background-size: 7px}

/*버튼전체크기*/
.btn_l {text-align: left; margin : 20px 0;}
.btn_c {text-align: center; margin : 20px 0;}
.btn_c_0 {text-align: center; margin : 0;}
.btn_c_0 p {text-align: center; margin : 10px 0;}
.btn_c_10 {text-align: center; margin : 10px 0;}
.btn_r {text-align: right; margin : 20px 0;}
.btn_all { width: 100%; text-align: center; margin : 20px 0;}

/*버튼크기*/
.btn_w50_h26 {display:inline;width:50%;height:26px;}
.btn_w50_h40 {display:inline;width:50%;height:40px;}
.btn_w50_h44 {display:inline;width:50%;height:44px;}
.btn_w50_h46{display:inline;width:49%;height:46px; margin: 0 1% 0 0; box-sizing: border-box; float: left}
.btn_w50_h46:last-child{display:inline;width:49%;height:46px; margin: 0 0 0 1%; box-sizing: border-box; float: right}

.btn_w50_h46_center {display:block;width:60%;height:46px; margin: 0 auto; box-sizing: border-box; overflow: hidden}
.btn_w70_h46_center {display:block;width:70%;height:46px; margin: 0 auto; box-sizing: border-box; overflow: hidden}

.btn_auto{display:block;width: auto; padding:10px 30px ;}
.btn_w100_h40 {display:block;width:100%;height:40px;}
.btn_w100_h46 {display:block;width:100%;height:46px;}
.btn_w100_h55 {display:block;width:100%;height:55px;}

/* 버튼타입 */
.btn_typew{ clear: both; width:90%; padding: 5% ; float: left}
.btn_typew2{ clear: both; width:94%; padding: 3% ; float: left}
.btn_type1 {width: 100%; background-image: linear-gradient(180deg, #ffffff, #f8f6f4, #F5F2EF); text-align:center; color:#ff6a73; font-size:1rem; box-shadow: 0 7px 8px -7px rgba(0,0,0,0.4) ; font-family:'notokr-bold'; border: 1px solid linear-gradient(180deg, #ff8888, #ff8183, #ff656e);}

.board_button a.bigPadding { padding: 15px 30px }
.board_button button.bigPadding { padding: 25px 30px}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}

/* 버튼 */
.board_button {margin: 30px 0 0 0;position:relative}
.board_button a { background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff;}
.board_button a:hover {text-decoration:none; background:#091d3f}
.board_button .dark {background: #3bb8e9;border-color:#3bb8e9}

/* Round style */
.round3 {border-radius:3px;text-align:center}
.round5 {border-radius:5px;text-align:center}
.round30 {border-radius:30px;text-align:center}

.bt_black { clear:both; margin-top:30px; border-radius:3px}
.bt_black a { padding:10px 40px; background:#1b1b1b; color:#fff; font-size:0.9rem; text-align:center ; text-decoration:none;}
.bt_black a:hover { background:#00000; color:#fff; text-decoration:none; }

/* padding / margin **********************************************/
.pad_top3 { padding-top:4px !important;}
.pad_top5 { padding-top:5px !important;}
.pad_top8 { padding-top:8px !important;}
.pad_top10 { padding-top:10px !important;}
.pad_top11 { padding-top:11px !important;}
.pad_top13 { padding-top:13px !important;}
.pad_top15 { padding-top:15px !important;}
.pad_top20 { padding-top:20px !important;}
.pad_top25 { padding-top:25px !important;}
.pad_top30 { padding-top:30px !important;}
.pad_top40 { padding-top:40px !important;}
.pad_top50 { padding-top:50px !important;}
.pad_top60 { padding-top:60px !important;}
.pad_top70 { padding-top:70px !important;}
.pad_top80 { padding-top:80px !important;}
.pad_top90 { padding-top:90px !important;}
.pad_top100 { padding-top:100px !important;}

.pad_left0 { padding-left:0 !important;}
.pad_left5 { padding-left:5px !important;}
.pad_left7 { padding-left:7px !important;}
.pad_left9 { padding-left:9px !important;}
.pad_left10 { padding-left:10px !important;}
.pad_left13 { padding-left:13px !important;}
.pad_left15 { padding-left:15px !important;}
.pad_left20 { padding-left:20px !important;}
.pad_left30 { padding-left:30px !important;}
.pad_left32 { padding-left:32px !important;}
.pad_left40 { padding-left:40px !important;}
.pad_left43 { padding-left:43px !important;}
.pad_left47 { padding-left:47px !important;}
.pad_left45 { padding-left:45px !important;}
.pad_left50 { padding-left:50px !important;}
.pad_left60 { padding-left:60px !important;}
.pad_left65 { padding-left:65px !important;}
.pad_left67 { padding-left:67px !important;}
.pad_left145 { padding-left:145px !important;}
.pad_left390 { padding-left:390px !important;}
.pad_left470 { padding-left:470px !important;}
.pad_left520 { padding-left:520px !important;}
.pad_left535 { padding-left:535px !important;}
.pad_left590 { padding-left:590px !important;}
.pad_left685 { padding-left:685px !important;}

.pad_right3 { padding-right:3px !important;}
.pad_right5 { padding-right:5px !important;}
.pad_right7 { padding-right:7px !important;}
.pad_right10 { padding-right:10px !important;}
.pad_right20 { padding-right:20px !important;}
.pad_right30 { padding-right:30px !important;}
.pad_right32 { padding-right:32px !important;}
.pad_right45 { padding-right:45px !important;}
.pad_right58{ padding-right:58px !important;}
.pad_right67{ padding-right:67px !important;}

.pad_bottom5p { padding-bottom:5% !important;}
.pad_bottom5 { padding-bottom:5px !important;}
.pad_bottom7 { padding-bottom:7px !important;}
.pad_bottom10 { padding-bottom:10px !important;}
.pad_bottom15 { padding-bottom:15px !important;}
.pad_bottom20 { padding-bottom:20px !important;}
.pad_bottom25 { padding-bottom:25px !important;}
.pad_bottom30 { padding-bottom:30px !important;}
.pad_bottom35 { padding-bottom:35px !important;}
.pad_bottom50 { padding-bottom:50px !important;}
.pad_bottom60 { padding-bottom:60px !important;}
.pad_bottom70 { padding-bottom:70px !important;}
.pad_bottom247 { padding-bottom:247px !important;}

.margin_left5 { margin-left:5px !important;}
.margin_left10 { margin-left:10px !important;}
.margin_left20 { margin-left:20px !important;}
.margin_left300 { margin-left:300px !important;}

.margin_right5 { margin-right:5px !important;}
.margin_right10 { margin-right:10px !important;}
.margin_right20 { padding-right:20px !important;}
.margin_right35 { padding-right:35px !important;}

.margin_top5 { margin-top:5px !important;}
.margin_top8 { margin-top:8px !important;}
.margin_top10 { margin-top:10px !important;}
.margin_top15 { margin-top:15px !important;}
.margin_top20 { margin-top:20px !important;}
.margin_top30 { margin-top:30px !important;}
.margin_top40 { margin-top:40px !important;}
.margin_top45 { margin-top:45px !important;}
.margin_top50 { margin-top:50px !important;}
.margin_top70 { margin-top:70px !important;}
.margin_top90 { margin-top:90px !important;}
.margin_top100 { margin-top:100px !important;}
.margin_top110 { margin-top:110px !important;}
.margin_top140 { margin-top:140px !important;}

.margin_topm30 {margin-top:-30px; float:left !important}
.margin_topm50 {margin-top:-50px; float:left !important}

.margin_bottom5 { margin-bottom:5px !important;}
.margin_bottom7 { margin-bottom:7px !important;}
.margin_bottom10 { margin-bottom:10px !important;}
.margin_bottom15 { margin-bottom:15px !important;}
.margin_bottom20 { margin-bottom:20px !important;}
.margin_bottom30 { margin-bottom:30px !important;}
.margin_bottom40 { margin-bottom:40px !important;}
.margin_bottom50 { margin-bottom:50px !important;}
.margin_bottom70 { margin-bottom:70px !important;}
.margin_bottom100 { margin-bottom:100px !important;}



.margin_minus_bottom15 {position:relative;top:-30px;font-size:9px;font-weight:bold; }