
* { margin: 0; padding: 0; box-sizing: border-box;}

/* 전체 페이지 중앙 정렬 */
.page {max-width: 1920px; margin: 0 auto;}

/* ?? 핵심: div를 section처럼 동작시키기 */
.div { width: 100%;display: flex;align-items: center;justify-content: center;position: relative;background-size: cover;background-position: center;}

/* 중앙 컨텐츠 */
.container {width: 80%;max-width: 1200px;text-align: center;z-index: 2;color: #fff;}


/* =========================
   섹션별 스타일 (배경)
========================= */
.div-01 {background-image: url("../img/main_bg.jpg");background-size: cover;height: 1450px;background-position: center;background-repeat: no-repeat;}
.div-01 .container {height: 100%; display: flex;justify-content: center; align-items: flex-end;}
.div-02 { background-color: #88bdff; color: #111; }
.div-02 .container { color: #111; }
.div-03 { background-color: #020e26;  height: 1028px;}
.div-04 { background-color: #020e26; display: block; }
.div-04 .container {display: block;}
.div-05 { background-color: #020e26; }
.div-06 { background-color: #fce03e; }
.div-07 { background-color: #1d9dfe; }
.div-08 { background-color: #fce03e; }
.div-09 { background-color: #ecba0b; }
.div-10 {   background-image: url("../img/end_bg.jpg");background-size: cover;height: 950px;background-position: center;background-repeat: no-repeat; }
.div-11 { background-color: #0b88ca; }
.div-12 { background-color: #7bb7ff; }
.div-13 { background-color: #222632; }
.div-14 { background-color: #000; }

/* 텍스트 */
h1, h2 {margin-bottom: 20px;}
p { font-size: 18px; opacity: 0.9;}



.form1_wrap {text-align: left;width: 100%;max-width: 960px; margin: 0 auto; display: block;height: auto; min-height: 425px; background: url('../img/form1_bg.jpg') no-repeat center;background-size: cover; background-color: #2b3151;}
.main_global {  padding-left: 200px;padding-bottom: 20px;box-sizing: border-box;}

.form2_wrap {
  text-align: left;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: block;
  height: auto;
  background: url('../img/form2_bg.png') no-repeat center top;
  background-size: cover;
}

.main_global2 {padding-left: 200px;padding-top: 50px;box-sizing: border-box;}

.form2_wrap .main_global2 .Color_Box {color: #000000 !important;}
.form2_input { width: 100%;height: 60px;background-color: #e3e2e0;border: 2px solid #222632;padding: 0 15px; box-sizing: border-box; font-size: 14px; outline: none;}
.form2_select {  width: 100%;  height: 60px;  background-color: #e3e2e0;  border: 2px solid #222632;  padding: 0 10px;  box-sizing: border-box;  font-size: 14px;}
.form2_wrap .main_global2 {  padding-left: 80px;}
.form2_wrap .main_global2.blank_hidden {  padding-left: 80px;}
.form2_wrap .main_button2 img {  width: 90%;  margin: 0 auto;  display: block;}






html { -webkit-text-size-adjust: none; }
body {margin: 0;padding: 0;font-size: 12px;font-family: Dotum, sans-serif;color:##2B2B2B;background: #fff;}
div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button {margin:0;padding:0;}
a{ font-family:"Dotum"; font-size:12px; text-decoration: none; color: #2B2B2B;}
dl,ul,ol,li {list-style:none;}
select{background-color:#ffffff;}
input,textarea{-webkit-box-sizing: border-box;}
input,select,textarea{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius:3px;}
input[type="number"],input[type="text"],input[type="email"],input[type="password"],textarea{-webkit-appearance: none;}
input[type='checkbox']{-webkit-appearance:checkbox;} 
input[type='radio']{-webkit-appearance:radio;}
input::placeholder {color: #d0d0d0;}
.clearfix {clear:both;}
.wwrap{margin:0 auto;}
.wrap{margin:0 auto;}
.H_100p{height:100%;}
.H_100p_Overlap{height:100%;-webkit-box-sizing:border-box;}
.Input_width_Size_Box{overflow:hidden;margin:0 auto;}
.Input_width_Size_Box1{overflow:hidden;margin:0 auto;}
.pd-b-10{	padding-bottom:10px;}


.sec1{position:relative;width:100%;height:75vw;max-height:1440px;background:#f3f3f3 url(../img/main_bg.jpg) no-repeat center top;background-size:100% auto;overflow:hidden;}
.main_banner{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:48.85%;max-width:960px;}
.main_banner img{ display:block;width:100%;}
.w_form1{position:relative;width:100%;height:425px;background:#282f4b; center auto;overflow:hidden;}
.main_bg1{	text-align:left;width:100%;height:425px;max-width:960px;margin:0 auto; background:url('../img/form1_bg.jpg') no-repeat center top; background-size:100%;background-color:2b3151;}
.logo {  position: absolute;  top: 30px;  left: 250px;  width: 180px; height: auto;  z-index: 10;}
.tel {  position: absolute;  top: 50px;  right: 0px;  width: 180px;  height: auto;  z-index: 11;}
.main_bg11{position:relative;width:100%;background:#88bdff; overflow:hidden;}
.main_bg2{position:relative;width:100%;background:#020e26; auto;overflow:hidden;}
.main_img {  vertical-align: bottom;  display: block;  width:100%;}
.main_button {  display: flex;  justify-content: center;  align-items: center;  height: 80px;}
.main_button a {  display: block;}
.main_button img {  display: block;}
.main_global2{ padding: 0 30px 10px 30px;}




.Form_Title_Box{font-size:25px;font-weight:bold;color:#000000;margin-bottom:30px;text-align:center;}

@media screen and (min-width:400px){
.Input_width_Size_Box_In{padding:40px 40px 30px 40px;border-radius:5px;}
.Input_width_Size_Box_In1{padding:10px 20px 10px 20px;border-radius:20px;}
.Input_width_Size_Box_In2{padding:40px 40px 30px 40px;border-radius:20px;}
.Input_width_Size_Box_In3{padding:10px 20px 10px 20px;}
}
@media screen and (max-width:420px){
.Input_width_Size_Box_In{padding:20px 20px 10px 20px;border-radius:5px;}
.Input_width_Size_Box_In1{padding:10px 20px 10px 20px;border-radius:20px;}
.Input_width_Size_Box_In2{padding:20px 20px 10px 20px;border-radius:20px;}
.Input_width_Size_Box_In3{padding:10px 20px 10px 20px;}
}

.main_base_global{}
.main_top_text{padding:10px 0;line-height:20px;max-width:800px;margin:0 auto;}
.input_style{width:100%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.input_style_tel{width:30%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.input_style_tel2{width:40%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.input_style_addr_box{overflow:hidden;}
.input_style_addr_box .input_box{float:left;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);}
.input_style_addr_box .input_box input{border:1px #a0a0a0 solid;width:100%;height:40px;line-height:40px;text-indent:10px;}
.input_style_addr_box .input_button_box{float:right;border:1px #a0a0a0 solid;height:38px;width:90px;line-height:38px;text-align:center;background-color:#a0a0a0;}
.input_style_addr_box .input_button_box a{color:#ffffff;display:block;font-weight:bold;}
.input_checkbox_style{width:16px;height:16px;}
.textarea_style{width:100%;height:80px;padding:10px;border:1px #a0a0a0 solid;}
.float_left{float:left;}
.of-h{overflow:hidden;}
.pt-pr-3-10{padding:3px 10px 0 0;}
.main_policy{display:none;padding-bottom:10px;}
.main_htag{display:none;}
.blank_hidden{overflow:hidden;}
.pd-top-4{padding-top:4px;}
.pd-top-10{padding-top:10px;}
.mg-top-10{margin-top:10px;}
.total_bottom_line{border-bottom:1px #eeeeee solid;margin-bottom:10px;}

.main_copyright{line-height:20px;text-align:center;}
.input_check_radio_title{float:left;line-height:40px;padding-right:20px;font-weight:bold;font-size:14px;}
.input_check_radio_contents{float:left;padding:8px 10px 0 0;font-size:14px;}
.Global_two_layout_left { width:100px;float:left;height:40px;line-height:40px;font-weight:bold;font-size:14px;}
.Global_two_layout_left1{ width:100px;float:left;height:40px;font-weight:bold;font-size:14px;display:table;}
.Global_two_layout_left1 .Center_Box{vertical-align:middle;display:table-cell;}
.Global_two_layout_right { float:left;height:40px;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);}
.Global_layout_three_box_month_day{float:left;width:30%;}
.Global_layout_three_box_yaer{float:left;width:30%;}
.Global_layout_ken_5percent_d{float:left;width:5%;font-size:12px;line-height:40px;text-align:center;}
@media screen and (max-width:420px){
.Global_two_layout_left { width:100px;float:left;height:40px;line-height:40px;font-weight:bold;font-size:14px;}
.Global_two_layout_left1{ width:100px;float:left;height:40px;font-weight:bold;font-size:14px;display:table;}
.Global_two_layout_left1 .Center_Box{vertical-align:middle;display:table-cell;}
.Global_two_layout_right { float:left;height:40px;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);}
.Global_layout_three_box_month_day{float:left;width:26%;}
.Global_layout_three_box_yaer{float:left;width:38%;}
.Global_layout_ken_5percent_d{float:left;width:5%;font-size:12px;line-height:40px;text-align:center;}
}
.Global_layout_form_box{width:100%;height:40px;border:1px #a0a0a0 solid;text-indent:10px;}
.Global_layout_three_box{float:left;width:30%;}
.Global_layout_ken_5percent{float:left;width:5%;font-size:12px;line-height:40px;text-align:center;}
.landing_bold{font-weight:bold;}
.landing_size1{font-size:18px;line-height:30px;}
.landing_size3{font-size:11px;line-height:18px;}
.mlanding_size1{font-size:16px;line-height:30px;}
.mlanding_size3{font-size:11px;line-height:18px;}
.landing_sorting_left{text-align:left;}
.landing_sorting_center{text-align:center;}
.landing_sorting_right{text-align:right;}
.bg_color_box1{background-color:#05a3fd;}
.bg_color_box2{background-color:#FF0B00;}
.bg_color_box3{background-color:#F33D0E;}
.bg_color_box4{background-color:#282828;}
.bg_color_box5{background-color:#5BB85D;}
.bg_color_box6{background-color:#B18151;}
.bg_color_box7{background-color:#3FC1CF;}
.bg_color_box8{background-color:#222632;}
.Layer_Top_Follow_Box{position:fixed;z-index:999;width:100%;background-color:#ffffff;border-bottom:1px #F2F2F2 solid;filter:alpha(opacity=95);opacity: 0.95;}
.Layer_Top_Follow_Length{overflow:hidden;max-width:800px;margin:0 auto;}
.Layer_Top_Follow_Length .Landing_Title_Box{float:left;font-size:25px;font-weight:bold;font-family:malgun gothic;padding:10px 0;}
.Layer_Top_Follow_Length .Landing_Title_Box_Out{clear:both;font-size:25px;font-weight:bold;font-family:malgun gothic;padding:10px;}
.Layer_Top_Follow_Length .Landing_Button_Box{float:right;border-radius:20px;margin:10px 0;}
.Layer_Top_Follow_Length .Landing_Button_Box a{font-size:16px;font-weight:bold;color:#ffffff;display:block;padding:10px 20px;}
@media screen and (max-width:800px){
	.Layer_Top_Follow_Length .Landing_Title_Box{padding:10px;}
	.Layer_Top_Follow_Length .Landing_Button_Box{margin:10px;}
}
.W_Size_100p{width:100% !important;}
.W_Size_800px{max-width:800px !important;}

.Q_W_Size_100p{width:100% !important;}
.Q_W_Size_100p .pd-top-10{padding-top:0px;}

@media screen and (min-width:420px){
	.Q_W_Size_800px{max-width:800px !important;}
	.Q_W_Size_800px .pd-top-10{padding-top:10px;}
}
@media screen and (max-width:420px){
	.Q_W_Size_800px{max-width:800px !important;}
	.Q_W_Size_800px .pd-top-10{padding-top:0px;}
	.Q_W_Size_800px .W_Size_800px{max-width:800px !important;}
	.Q_W_Size_100p .W_Size_800px{max-width:800px !important;padding:0 10px;}
}

.From_Background_Color1{transparent !important;}
.From_Background_Color1 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color1 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#000000;font-size:12px}

.From_Background_Color2{{transparent !important;}
.From_Background_Color2 .Color_Box{color:#000000;font-size:15px;}
.From_Background_Color2 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#000000;font-size:12px}

.From_Background_Color3{background-color:#70B237;}
.From_Background_Color3 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color3 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#ffffff;font-size:12px}

.From_Background_Color4{background-color:#2CA8DE;}
.From_Background_Color4 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color4 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#ffffff;font-size:12px}

.From_Background_Color5{background-color:#E64519;}
.From_Background_Color5 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color5 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#ffffff;font-size:12px}

.From_Background_Color6{background-color:#D5A3F8;}
.From_Background_Color6 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color6 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#ffffff;font-size:12px}

.From_Background_Color7{background-color:#355AC5;}
.From_Background_Color7 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color7 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#ffffff;font-size:12px}

.From_Background_Color8{background-color:#2B3953;}
.From_Background_Color8 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color8 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#ffffff;font-size:12px}

.From_Background_Color9{background-color:#000000;}
.From_Background_Color9 .Color_Box{color:#ffffff;font-size:15px;}
.From_Background_Color9 .Title_explain_Global{padding-bottom:5px;text-align:left;color:#ffffff;font-size:12px}

.From_Round_Color1{border:5px #ffffff solid;}
.From_Round_Color2{border:5px #F8F8F8 solid;}
.From_Round_Color3{border:5px #70B237 solid;}
.From_Round_Color4{border:5px #2CA8DE solid;}
.From_Round_Color5{border:5px #E64519 solid;}
.From_Round_Color6{border:5px #D5A3F8 solid;}
.From_Round_Color7{border:5px #355AC5 solid;}
.From_Round_Color8{border:none;}
.From_Round_Color9{border:5px #000000 solid;}
