@charset "utf-8";
/* CSS Document */

@import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script+Stylish&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
* {font-family: 'Open Sans', sans-serif;}

body, html{overflow-x:hidden;}

p, body, ul, li, dt, dl, h1, h2, h3, h4, h5,a{margin:0;
padding:0; list-style:none; text-decoration:none; border:0}
a:link { color: #323232; }
a:visited { color:#323232; }
a:hover { color:#6f3737; }
a:active { color:#323232; }

input[type="radiobox"]:checked+label, input[type="text"], input[type="textarea"], input[type="number"], input[type="file"], input[type="password"]{
height:30px;
border:none;
text-align:center;
box-shadow:inset 3px 3px 3px #ccc;
}

input[type="password"]{ 
font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;
}

input[id="knd1"] + label, input[id="knd2"] + label, input[id="knd3"] + label, input[id="knd4"] + label, input[id="knd5"] + label,
input[id="knd6"] + label, input[id="knd7"] + label, input[id="knd8"] + label, input[id="knd9"] + label, input[id="knd10"] + label, 
input[id="knd11"] + label, input[id="knd12"] + label, input[id="knd13"] + label, input[id="knd14"] + label, input[id="knd15"] + label, 
input[id="knd16"] + label, input[id="knd17"] + label, input[id="knd18"] + label, input[id="knd19"] + label, input[id="knd20"] + label  {
	display: inline-block;
	border-bottom: 1px solid #3d4f98;
	cursor: pointer;
	padding:3px 10px;
}

input[id="knd1"]:checked + label, input[id="knd2"]:checked + label, input[id="knd3"]:checked + label, input[id="knd4"]:checked + label, 
input[id="knd5"]:checked + label, input[id="knd6"]:checked + label, input[id="knd7"]:checked + label, input[id="knd8"]:checked + label,
input[id="knd9"]:checked + label, input[id="knd10"]:checked + label, input[id="knd11"]:checked + label, input[id="knd12"]:checked + label,
input[id="knd13"]:checked + label, input[id="knd14"]:checked + label, input[id="knd15"]:checked + label, input[id="knd16"]:checked + label,
input[id="knd17"]:checked + label, input[id="knd18"]:checked + label, input[id="knd19"]:checked + label, input[id="knd20"]:checked + label{
	display: inline-block;
	box-sizing:border-box;
	background-color: #3d4f98;
	outline: 2px solid #edecfa;
	padding:3px 10px;
	color:#FFF;
}

input[id="knd1"], input[id="knd2"], input[id="knd3"], input[id="knd4"], input[id="knd5"], input[id="knd6"], input[id="knd7"], input[id="knd8"],
 input[id="knd9"], input[id="knd10"], input[id="knd11"], input[id="knd12"], input[id="knd13"], input[id="knd14"], input[id="knd15"], input[id="knd16"],
 input[id="knd17"], input[id="knd18"], input[id="knd19"], input[id="knd20"]{
	display: none;
}

input[id="bknd1"] + label, input[id="bknd2"] + label, input[id="bknd3"] + label, input[id="bknd4"] + label, input[id="bknd5"] + label,
input[id="bknd6"] + label, input[id="bknd7"] + label, input[id="bknd8"] + label, input[id="bknd9"] + label, input[id="bknd10"] + label, 
input[id="bknd11"] + label, input[id="bknd12"] + label, input[id="bknd13"] + label, input[id="bknd14"] + label, input[id="bknd15"] + label,
 input[id="bknd16"] + label, input[id="bknd17"] + label, input[id="bknd18"] + label, input[id="bknd19"] + label, input[id="bknd20"] + label{
	display: inline-block;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	padding:3px 10px;
	color:#FFF;
}

input[id="bknd1"]:checked + label, input[id="bknd2"]:checked + label, input[id="bknd3"]:checked + label, input[id="bknd4"]:checked + label, 
input[id="bknd5"]:checked + label, input[id="bknd6"]:checked + label, input[id="bknd7"]:checked + label, input[id="bknd8"]:checked + label,
input[id="bknd9"]:checked + label, input[id="bknd10"]:checked + label, input[id="bknd11"]:checked + label, input[id="bknd12"]:checked + label,
input[id="bknd13"]:checked + label, input[id="bknd14"]:checked + label, input[id="bknd15"]:checked + label, input[id="bknd16"]:checked + label,
input[id="bknd17"]:checked + label, input[id="bknd18"]:checked + label, input[id="bknd19"]:checked + label, input[id="bknd20"]:checked + label{
	display: inline-block;
	box-sizing:border-box;
	background-color: #EEE;
	padding:3px 10px;
	color:#666;
}

input[id="bknd1"], input[id="bknd2"], input[id="bknd3"], input[id="bknd4"], input[id="bknd5"], input[id="bknd6"], input[id="bknd7"], input[id="bknd8"],
input[id="bknd9"], input[id="bknd10"], input[id="bknd11"], input[id="bknd12"], input[id="bknd13"], input[id="bknd14"], input[id="bknd15"], input[id="bknd16"],
input[id="bknd17"], input[id="bknd18"], input[id="bknd19"], input[id="bknd20"]{
	display: none;
}

.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }

.f_w {font-weight:bold;}

.f_c_g {color:#666}
.f_c_w {color:#FFF}
.f_c_r {color:red}

.f_s_18 {font-size:18px;}

.f_s_25 {font-size:25px;}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}


.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}	

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 460px; height:auto;  background-color:#fff; border: 3px solid #2e2e2e; z-index: 9999999;}	
.pop-layer .pop-container {padding: 20px 18px;}

.pop-layer p.ctxt30 {color: #666; line-height: 20px;font-weight:600;margin-bottom:20px; font-size:14px;}
.pop-layer p.ctxt20 {color: #666; line-height: 18px; font-size:12px;}

.pop-layer .btn-r {width: 100%; margin:10px 0 10px; padding-top: 10px;text-align:center;}

.btn-r a.cbtn {display:inline-block; height:25px; padding:3px 14px ;  background-color:#5A5A5A; font-size:13px; color:#fff; line-height:25px;}	
.btn-r a.cbtn:hover { background-color:#000; color:#fff;}

@media only screen and (max-width: 599px) {

  .col-s-0 {width: 5.33%;}
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-21 {width: 20%;}
  .col-s-25 {width: 24%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.34%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%; }
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}

.t_s_l { text-align:left; }
.t_s_c { text-align:center; }
.t_s_r { text-align:right; }

	.pd_ls_100 {
	clear:both;
	padding-left:100px;
	}

	.pd_ts_10 {
	clear:both;
	padding-top:10px;
	}

	.pd_ts_20 {
	clear:both;
	padding-top:20px;
	}

	.pd_ts_30 {
	clear:both;
	padding-top:30px;
	}

	.pd_ts_50 {
	clear:both;
	padding-top:50px;
	}

	.pd_ts_80 {
	clear:both;
	padding-top:80px;
	}

	.pd_ts_100 {
	clear:both;
	padding-top:100px;
	}

	.pd_ts_150 {
	clear:both;
	padding-top:150px;
	}

	.pd_ts_200 {
	clear:both;
	padding-top:200px;
	}

	.pd_ts_400 {
	clear:both;
	padding-top:400px;
	}

	.wds_10 {
	float:left;
	width:15px;
	height:10px;
	}

	.wd_inp_s_100 {
	width:100px;
	}

	.wd_inp_s_150 {
	width:150px;
	}

	.wd_inp_s_200 {
	width:200px;
	}

	.wd_inp_s_300 {
	width:300px;
	}

	.wd_inp_s_340 {
	width:340px;
	}

	.wd_inp_s_400 {
	width:400px;
	}

	.wd_inp_s_700 {
	width:700px;
	}

	.wd_inp_s_750 {
	width:750px;
	}

	.hd_inp_s_100 {
	height:100px;
	}

/* top nav*/
	.top_line_menu, .nav_ul, .col-0 {
		display:none;
	}

	.tlogo {
	text-align:left;
	padding:15px;
	}

	.menu {
  width: 25px;
  height: 2px;
  background-color: #666;
  margin: 4px 0;
	}

	.mn {
		display:block;
		position:absolute;
		right:15%;
		top:10px;
	}

/* main_bg */
	.main_bg{
	clear:both;width:100%;height:400px; background-position:50% 50%;
	}

	.mtxt {
	color:#FFF;
	position:absolute;
	margin-left:10px;
	margin-top:90px;
	}

	.mtxt1, .mtxt2, .mtxt3 {
	font-weight:bold;
	text-shadow:3px 3px 3px #333;
	font-size:18px;
	padding:10px 0;
	width:94%;
	margin:auto;
	}

	.mtxt1_1 {
	font-size:35px;
	font-weight:bold;
	}

	.mtxt1_2 {
	font-size:35px;
	font-weight:bold;
	color:#ee4655;
	}


	.mtxt2_1 {
	font-size:30px;
	font-weight:bold;
	}

/* main txt */

	.mtboxs {
	width:96%;
	margin:auto;
	}

	.mbox {
	border:solid 1px #EEE; text-align:center; 
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 8px, rgba(17, 17, 26, 0.05) 0px 8px 8px;
	border-bottom:solid 4px red;
	padding:15px;
	cursor:pointer;
	transition:.2s;
	}



	.mtxt4_1 {
	font-size:25px;
	font-weight:bold;
	color:#555;
	padding:5px 0;
	}

	.mtxt4_2 {
	font-size:25px;
	font-weight:bold;
	color:#00468b;
	padding:23px 0;
	}

	.mtxt4_3 {
	font-size:18px;
	font-weight:bold;
	color:#666;
	padding:20px 0;
	}

	.mtxt4_4 {
	font-size:23px;
	font-weight:bold;
	color:#00468b;
	padding:8px 0;
	}
/* main txt end */

/*  main box */

	.md_boxs {width:100%; margin:auto;}

	.md_box1 {width:100%;height:220px;}

	.md_box2 {width:100%; height:300px;}

	.md_box_t1 {
	padding-top:40px;
	color:#FFF;
	font-size:27px;
	text-shadow:3px 3px 3px #000;
	font-weight:900;	
	}

	.md_box_t2 {
	padding:30px 0 0 50px;;
	color:#FFF;
	font-size:24px;
	}

	.md_box_t3 {
	padding:20px 0 0 50px;
	color:#333;
	font-size:13px;
	line-height:20px;
	}


/* sub title */
	.sub_tlt {
	font-weight:bold;
	padding:10px 0;
	color:#666;
	}
/* sub title  */


/* sms */
	.sms {
	 width:100%; 
	 text-align:center;
	}

	.sms1 { text-align:center;}

	.sms2 {
	font-size:40px;
	font-weight:bold;
	color:#ffb94d;
	text-shadow:3px 3px 3px #333;
	}

	.sms4 {padding:0px 0 0 0px;}

	.sms5 {
	 padding:10px 0; color:#FFF; font-size:14px; line-height:30px;
	}

	.sms_btn {
	padding:5px 0px; border:solid 2px #FFF;font-weight:bold; box-shadow: 2px 2px 2px #333; 
	border-radius:5px; font-size:18px; text-align:center; width:150px; cursor:pointer;
	transition:.2s;
	margin:auto;
	background:none;
	color:#FFF;
	}

/*  md */

	.mds{padding-left:20px;}

	.md_l_t1, .md_l_t2 {
	font-size:30px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #000; text-align:center;
	}

	.md_l_t3 {
	font-size:16px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #333;  text-align:center;
	}

	.md_btn {
	margin-left:300px;
	font-size:23px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #333; 
	padding:10px 0; border:solid 2px #FFF; width:250px; text-align:center;
	box-shadow: 2px 2px 2px #333;
	cursor:pointer;
	transition:.2s;
	border-radius:5px;
	margin:auto;
	}

	.md_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	}

	.md_r_t_tlt {
	color:#024ca1; font-size:30px; font-weight:bold; 
	text-align:center;
	}

	.md_r_tb {

	}

	.md_btn2 {
		padding:5px 0px; font-weight:bold; box-shadow: 2px 2px 2px #333; border-radius:5px; font-size:18px; text-align:center; 
		width:150px; cursor:pointer;
		color:#FFF;
		background:#f06151;
		border:none;
		transition:.2s;
	}

	.md_btn2:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}

/*   step  */
	.main_bt_bg {
	width:100%;
	}

	.step_tlt {
	text-align:center; font-size:30px; font-weight:bold;
	color:#FFF;
	padding:50px 0;
	}

	.step_box {margin:auto; width:100%;}

	.step_t1 {
	text-align:center; font-size:25px; font-weight:bold;
	color:#FFF;
	padding-bottom:20px;
	}

	.step_t2 {
	text-align:center; font-size:25px; font-weight:bold;
	color:#ed453a;
	padding-bottom:20px;
	}

	.step_tb {
	padding-top:20px;
	text-align:center; font-size:22px; font-weight:bold;
	text-shadow:3px 3px 3px #000;
	color:#FFF;
	}

	.step_ts {
	padding-top:20px;
	text-align:center; font-size:14px; 
	color:#FFF;
	}


/*  order */

	.inq_bg {
	width:100%;
	}

	.inq_tlt {
	color:#f09836;
	font-size:30px;
	text-align:center;
	padding:30px 0;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	}

	.inq_tlt2 {
	color:#f09836;
	font-size:20px;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	}

	.inq_bt {
	color:#57b5d1;
	font-size:18px;
	text-align:center;
	width:93%;
	margin:auto;
	}

	.inq_bt2 {
	color:#FFF;
	font-size:25px;
	font-weight:bold;
	}

	.inq_btn {
		background:#faac2e;
		padding:5px 0px; font-weight:bold; 
		box-shadow: 2px 2px 2px #333; border-radius:5px; font-size:18px; text-align:center; width:150px; cursor:pointer;
		color:#FFF;
		transition:.2s;
		margin:auto;
		border:none;
	}

	.inq_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}

/* copy */

	.copy_bg {
	width:100%;
	}

	.cp_t{
	color:#aaa; font-size:14px;
	text-align:center;
	}

/* CONTENT  */

	.contents_contain {
	width:96%; 
	margin:auto;
	padding-top:20px; 
	line-height:25px; 
	font-size:18px;
	}

	/*    TABLE     */

    .scrollable {
  overflow-x: scroll;
  font-family: sans-serif;
    }

	.tbl  {
	padding-top:10px;
    min-width: 600px;
    width: 100%;
	}

	.tbl th {
	padding:5px;
	color:#666;
	font-weight:bold;
	font-size:14px;
	background:#edeff8;
	color:#666;
	text-align:center;
	line-height:30px;
	}

	.tbl td {
	padding:5px;
	line-height:25px;
	font-size:12px;
	border-bottom:dashed 1px #aaa;
	text-align:center;
	}

	/*    TABLE   END  */


	/* sub top*/

	.st {
	width:100%;
	position:absolute;
	font-size:20px;
	text-shadow:2px 2px 2px #000;
	}

	.s6_v {display:block;}

	.s6_list { 
	border:solid 1px #EEE; padding:10px 0;
	box-shadow:2px 2px 2px #EEE;
	color:#0e5c8b;
	}

	.s6_l_tlt {
	border:solid 1px #EEE;
	padding:5px 20px;
	font-size:14px;
	cursor:pointer;
	transition:.2s;
	}

	.s6_l_tlto {
	border:solid 1px #EEE;
	padding:5px 20px;
	font-size:14px;
	font-weight:bold;
	color:#0f679b;
	border-bottom:solid 2px red;
	}

	.s6_l_tlt:hover {
	font-weight:bold;
	color:#0f679b;
	border-bottom:solid 2px red;
	box-shadow:inset 3px 3px 3px #EEE;
	}

	.s6_r {
	font-size:14px;
	}

	.img_m {
	width:100%;
	}

	.s7_box {
		font-size:14px;	
		display:table;
		transition: all .5s;		
	}


	.s7_box  .s7s_box{
	width:90%;
	margin:auto;
	}


	.s7_box_1 {
		color:#4e8abc;
		background:#e0f2fe;
	}

	.s7_box_2 {
		color:#0399b2;
		background:#e9fcfa;
	}

	.s7_box_3 {
		color:#d04c5a;
		background:#f5e0ef;
	}

	.s7_box_4 {
		color:#834e86;
		background:#cdc8de;
	}

	.s7_box_5 {
		color:#d24c31;
		background:#efd7cd;
	}

	.s7_box_6 {
		color:#c88a27;
		background:#f3e5ca;
	}

	.s7_box_7 {
		color:#8b6656;
		background:#eee7df;
	}

	.s7_box_8 {
		color:#758636;
		background:#dde2cb;
	}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: -2px;
  z-index: 99999;
  font-size: 18px;
  border: solid 1px #CCC;
  outline: none;
  color: #333;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  background:white;
}

#myBtn:hover {

}
}

@media only screen and (min-width: 600px) and (max-width: 1399px) {
  /* For tablets: */
  .col-m-0 {width: 0%;}
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-25 {width: 24%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 49.5%;}
  .col-m-61 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}

.t_m_l { text-align:left; }
.t_m_c { text-align:center; }
.t_m_r { text-align:right; }

	.pd_lm_100 {
	clear:both;
	padding-left:100px;
	}

	.pd_tm_10 {
	clear:both;
	padding-top:10px;
	}

	.pd_tm_20 {
	clear:both;
	padding-top:20px;
	}

	.pd_tm_30 {
	clear:both;
	padding-top:30px;
	}

	.pd_tm_50 {
	clear:both;
	padding-top:50px;
	}

	.pd_tm_80 {
	clear:both;
	padding-top:80px;
	}

	.pd_tm_100 {
	clear:both;
	padding-top:100px;
	}

	.pd_tm_150 {
	clear:both;
	padding-top:150px;
	}

	.pd_tm_200 {
	clear:both;
	padding-top:200px;
	}

	.pd_tm_400 {
	clear:both;
	padding-top:400px;
	}

	.wdm_10 {
	float:left;
	width:10px;
	height:10px;
	}

	.wd_inp_m_100 {
	width:100px;
	}

	.wd_inp_m_150 {
	width:150px;
	}

	.wd_inp_m_200 {
	width:200px;
	}

	.wd_inp_m_300 {
	width:300px;
	}

	.wd_inp_m_340 {
	width:340px;
	}

	.wd_inp_m_400 {
	width:400px;
	}

	.wd_inp_m_500 {
	width:500px;
	}

	.wd_inp_m_700 {
	width:700px;
	}

	.hd_inp_m_100 {
	height:100px;
	}

	.pd_l_m_20 {
	padding-left:20px;
	}

	/* top_line_menu */
	.top_line_menu, .nav_ul, .col-m-0 {
		display:none;
	}

	.t_a_c_m { text-align:center;}

	.tlogo {
	padding:20px;
	}

	.menu {
	  width: 30px;
	  height: 3px;
	  background-color: #666;
	  margin: 4px 0;
	}

	.mn {
		display:block;
		position:absolute;
		right:10%;
		top:15px;
	}

/* main_bg */

	.main_bg{
	clear:both;width:100%;height:500px; background-position:50% 50%;
	}

/* main txt */

	.mtboxs {
	width:100%;
	}

	.mbox {
	border:solid 1px #EEE; text-align:center; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 8px, rgba(17, 17, 26, 0.05) 0px 8px 8px;
	border-bottom:solid 4px red;
	padding:15px 0;
	cursor:pointer;
	transition:.2s;
	}

	.mtxt {
	color:#FFF;
	width:90%;
	margin:auto;
	text-align:center;
	padding-top:100px;

	}

	.mtxt1, .mtxt2, .mtxt3 {
	font-weight:bold;
	text-shadow:3px 3px 3px #333;
	}

	.mtxt1 {
	font-size:30px;
	padding:7px 0;
	}

	.mtxt2 {
	font-size:23px;
	padding:7px 0;
	}

	.mtxt3 {
	font-size:20px;
	padding:7px 0;
	}

	.mtxt1_1 {
	font-size:55px;
	font-weight:bold;
	}


	.mtxt1_2 {
	font-size:55px;
	font-weight:bold;
	color:#ee4655;
	}


	.mtxt2_1 {
	font-size:50px;
	font-weight:bold;
	}

	.mtxt4_1 {
	font-size:25px;
	font-weight:bold;
	color:#555;
	padding:5px 0;
	}

	.mtxt4_2 {
	font-size:25px;
	font-weight:bold;
	color:#00468b;
	padding:23px 0;
	}

	.mtxt4_3 {
	font-size:18px;
	font-weight:bold;
	color:#666;
	padding:20px 0;
	}

	.mtxt4_4 {
	font-size:23px;
	font-weight:bold;
	color:#00468b;
	padding:9px 0;
	}
/* main txt end */

/* sub title */
	.sub_tlt {
	font-weight:bold;
	padding:10px 0;
	color:#666;
	}
/* sub title  */

/*  main box */

	.md_boxs {width:100%; margin:auto;}

	.md_box1 {width:100%;height:220px;}

	.md_box2 {width:100%; height:300px;}

	.md_box_t1 {
	padding-top:40px;
	color:#FFF;
	font-size:27px;
	text-shadow:3px 3px 3px #000;
	font-weight:900;	
	}

	.md_box_t2 {
	padding:30px 0 0 30px;;
	color:#FFF;
	font-size:24px;
	}

	.md_box_t3 {
	padding:20px 0 0 30px;
	color:#333;
	font-size:13px;
	line-height:20px;
	}

/* sms */
	.sms {
	 width:100%;  padding:10px 40px;box-shadow: 0px 5px 5px #747487;
	}


	.sms2 {
	font-size:50px;
	font-weight:bold;
	color:#ffb94d;
	padding-left:40px;
	text-shadow:3px 3px 3px #333;
	}

	.sms4 {padding:0px 0 0 45px; }

	.sms5 {
	 padding-left:10px; color:#FFF; font-size:14px; line-height:30px;
	}

	.sms_btn {
	padding:5px 0px; border:solid 2px #FFF;font-weight:bold; box-shadow: 2px 2px 2px #333; border-radius:5px; font-size:18px; text-align:center; width:150px; cursor:pointer;
	transition:.2s;
	background:none;
	color:#FFF;
	}

	.sms_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}


/*  md */

	.md{height:700px;}

	.md_l_t1, .md_l_t2 {
	font-size:30px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #000; text-align:center;
	}

	.md_l_t3 {
	font-size:16px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #333;  text-align:center;
	}

	.md_btn {
	margin-left:300px;
	font-size:23px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #333; 
	padding:10px 0; border:solid 2px #FFF; width:250px; text-align:center;
	box-shadow: 2px 2px 2px #333;
	cursor:pointer;
	transition:.2s;
	border-radius:5px;
	margin:auto;
	}

	.md_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	}

	.md_r_t_tlt {
	color:#024ca1; font-size:30px; font-weight:bold; 
	text-align:center;
	}

	.md_r_tb {

	}

	.md_btn2 {
		padding:5px 0px; font-weight:bold; box-shadow: 2px 2px 2px #333; border-radius:5px; font-size:18px; text-align:center; 
		width:150px; cursor:pointer;
		color:#FFF;
		background:#f06151;
		border:none;
		transition:.2s;
	}

	.md_btn2:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}

/*  main box */

	.md_box1 {width:100%;height:220px;}

	.md_box2 {width:100%; height:300px;}

	.md_box_t1 {
	padding-top:40px;
	color:#FFF;
	font-size:27px;
	text-shadow:3px 3px 3px #000;
	font-weight:900;	
	}

	.md_box_t2 {
	padding:30px 0 0 50px;;
	color:#FFF;
	font-size:24px;
	}

	.md_box_t3 {
	padding:20px 0 0 50px;
	color:#333;
	font-size:13px;
	line-height:20px;
	}


/*   step  */
	.main_bt_bg {
	width:100%;
	}

	.step_tlt {
	text-align:center; font-size:40px; font-weight:bold;
	color:#FFF;
	padding:50px 0;
	}

	.step_box {margin:auto; width:100%;}

	.step_t1 {
	text-align:center; font-size:25px; font-weight:bold;
	color:#FFF;
	padding-bottom:20px;
	}

	.step_t2 {
	text-align:center; font-size:25px; font-weight:bold;
	color:#ed453a;
	padding-bottom:20px;
	}

	.step_tb {
	padding-top:20px;
	text-align:center; font-size:22px; font-weight:bold;
	text-shadow:3px 3px 3px #000;
	color:#FFF;
	}

	.step_ts {
	padding-top:20px;
	text-align:center; font-size:14px; 
	color:#FFF;
	}

/*  order */

	.inq_bg {
	width:100%;
	}

	.inq_tlt {
	color:#f09836;
	font-size:40px;
	text-align:center;
	padding:30px 0;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	}

	.inq_tlt2 {
	color:#f09836;
	font-size:30px;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	}

	.inq_bt {
	color:#57b5d1;
	font-size:20px;
	text-align:center;
	}

	.inq_bt2 {
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	}

	.inq_btn {
		background:#faac2e;
		padding:5px 0px; font-weight:bold; 
		box-shadow: 2px 2px 2px #333; border-radius:5px; font-size:18px; text-align:center; width:150px; cursor:pointer;
		color:#FFF;
		transition:.2s;
		margin:auto;
		border:none;
	}

	.inq_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}


/* copy */

	.copy_bg {
	width:100%;
	}

	.cp_t{
	color:#aaa; font-size:14px;
	text-align:center;
	}

/* CONTENT  */

	.contents_contain {
	width:96%; 
	margin:auto;
	padding-top:20px; 
	line-height:25px; 
	font-size:18px;
	}

	/*    TABLE     */

	.tbl  {
	padding-top:10px;
	width:100%;
	margin:auto;
	}

	.tbl th {
	padding:5px;
	color:#666;
	font-weight:bold;
	font-size:16px;
	background:#edeff8;
	color:#666;
	text-align:center;
	line-height:30px;
	}

	.tbl td {
	padding:5px;
	line-height:30px;
	font-size:14px;
	border-bottom:dashed 1px #aaa;
	text-align:center;
	}

	/*    TABLE   END  */


	/* sub top*/

	.st {
	width:100%;
	position:absolute;
	font-size:25px;
	text-shadow:2px 2px 2px #000;
	}

	.s6_v {display:none;}

	.s6_l_tlt {
	border:solid 1px #EEE;
	padding:20px;
	font-size:14px;
	cursor:pointer;
	transition:.2s;
	}

	.s6_l_tlto {
	border:solid 1px #EEE;
	padding:20px;
	font-size:14px;
	font-weight:bold;
	color:#0f679b;
	border-bottom:solid 2px red;
	}

	.s6_l_tlt:hover {
	font-weight:bold;
	color:#0f679b;
	border-bottom:solid 2px red;
	box-shadow:inset 3px 3px 3px #EEE;
	}

	.s6_r {
	font-size:16px;
	}

	.s7_box {
		font-size:14px;	
		display:table;
		transition: all .5s;		
	}

	.s7_box:hover {
		text-shadow: 4px 4px 4px #bbb;		
	}

	.s7_box  .s7s_box{
	width:90%;
	margin:auto;
	}


	.s7_box_1 {
		color:#4e8abc;
		background:#e0f2fe;
	}

	.s7_box_2 {
		color:#0399b2;
		background:#e9fcfa;
	}

	.s7_box_3 {
		color:#d04c5a;
		background:#f5e0ef;
	}

	.s7_box_4 {
		color:#834e86;
		background:#cdc8de;
	}

	.s7_box_5 {
		color:#d24c31;
		background:#efd7cd;
	}

	.s7_box_6 {
		color:#c88a27;
		background:#f3e5ca;
	}

	.s7_box_7 {
		color:#8b6656;
		background:#eee7df;
	}

	.s7_box_8 {
		color:#758636;
		background:#dde2cb;
	}


	#myBtn {
	  display: none;
	  position: fixed;
	  bottom: -2px;
	  right: -2px;
	  z-index: 99999;
	  font-size: 18px;
	  border: solid 1px #CCC;
	  outline: none;
	  color: #333;
	  cursor: pointer;
	  padding: 5px;
	  border-radius: 4px;
	  background:white;
	}

	#myBtn:hover {

	}
}



@media only screen and (min-width: 1400px) {
  /* For desktop: */
  .col-0 {width: 5.33%;}
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-21 {width: 20%;}
  .col-25 {width: 24%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.34%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}

.t_b_l { text-align:left; }
.t_b_c { text-align:center; }
.t_b_r { text-align:right; }

	.pd_l_50 {
	clear:both;
	padding-left:50px;
	}

	.pd_l_100 {
	clear:both;
	padding-left:100px;
	}

	.pd_t_10 {
	clear:both;
	padding-top:10px;
	}

	.pd_t_20 {
	clear:both;
	padding-top:20px;
	}

	.pd_t_30 {
	clear:both;
	padding-top:30px;
	}

	.pd_t_35 {
	clear:both;
	padding-top:37px;
	}

	.pd_t_40 {
	clear:both;
	padding-top:40px;
	}

	.pd_t_50 {
	clear:both;
	padding-top:50px;
	}

	.pd_t_75 {
	clear:both;
	padding-top:75px;
	}

	.pd_t_80 {
	clear:both;
	padding-top:80px;
	}

	.pd_t_100 {
	clear:both;
	padding-top:100px;
	}

	.pd_t_150 {
	clear:both;
	padding-top:150px;
	}

	.pd_t_200 {
	clear:both;
	padding-top:200px;
	}

	.pd_t_400 {
	clear:both;
	padding-top:400px;
	}

	.pd_t_500 {
	clear:both;
	padding-top:500px;
	}

	.wd_10 {
	float:left;
	width:15px;
	height:10px;
	}

	.wd_inp_100 {
	width:100px;
	}

	.wd_inp_150 {
	width:150px;
	}

	.wd_inp_200 {
	width:200px;
	}

	.wd_inp_300 {
	width:300px;
	}

	.wd_inp_340 {
	width:340px;
	}

	.wd_inp_700 {
	width:700px;
	}

	.wd_inp_750 {
	width:750px;
	}

	.wd_inp_1050 {
	width:1050px;
	}

	.hd_inp_100 {
	height:100px;
	}

	.hd_inp_150 {
	height:150px;
	}

	.l_h_35 {
	line-height:35px
	}

	.f_s_b_20{ font-size:20px; }


	/* top_line_menu */
	 .top_line_menu {position:relative;background:#32313f;line-height:40px;height:40px;color:#FFF;font-weight:bold; text-align:center;}

	 .top_line_menu a {
		font-weight:bold;
		color:#FFF;
	 }

	 .top_line_menu  .a1 {
	 	position:absolute;
		left:50%;
		margin-left:300px;
	 }

	 .top_line_menu  .a2 {
	 	position:absolute;
		left:50%;
		margin-left:445px;
	 }

	.tnav {width:1500px;margin:auto;}

	.tlogo {
		text-align:center;
		padding:25px 0;
	}

	.mn {
		display:none;
	}

  /* For Nav */
	.nav_ul {
		padding-top:45px;
	}

	.nav_ul li {
		float:left;
		font-size:22px;
		padding-left:8%;
		font-weight:bold;
		cursor:pointer;
		color:#444;
	}
/* main bg*/

	.main_bg{
	clear:both;width:100%;height:618px; background-position:50% 50%;
	}

/* main txt */

	.mtboxs {
	width:1400px;
	margin:auto;
	}

	.mtxt {
	color:#FFF;
	position:absolute;
	left:50%;
	margin-left:-400px;
	margin-top:200px;
	}

	.mtxt1, .mtxt2, .mtxt3 {
	font-weight:bold;
	text-shadow:3px 3px 3px #333;
	}

	.mtxt1 {
	font-size:40px;
	padding:7px 0;
	}

	.mtxt2 {
	font-size:30px;
	padding:7px 0;
	}

	.mtxt3 {
	font-size:20px;
	padding:7px 0;
	}

	.mtxt1_1 {
	font-size:55px;
	font-weight:bold;
	}


	.mtxt1_2 {
	font-size:55px;
	font-weight:bold;
	color:#ee4655;
	}


	.mtxt2_1 {
	font-size:50px;
	font-weight:bold;
	}

	.mtxt3_1 {

	}

	.mtxt4_1 {
	font-size:25px;
	font-weight:bold;
	color:#555;
	padding:5px 0;
	}

	.mtxt4_2 {
	font-size:25px;
	font-weight:bold;
	color:#00468b;
	padding:23px 0;
	}

	.mtxt4_3 {
	font-size:18px;
	font-weight:bold;
	color:#666;
	padding:20px 0;
	}

	.mtxt4_4 {
	font-size:23px;
	font-weight:bold;
	color:#00468b;
	padding:8px 0;
	}
/* main txt end */

/* sub title */
	.sub_tlt {
	font-weight:bold;
	padding:10px 0;
	color:#666;
	}
/* sub title  */

/* sms */
	.sms {
	 width:1300px; height:100px;margin:-55px auto; padding:30px 40px;box-shadow: 0px 5px 5px #747487;
	}

	.sms1, .sms3 {padding:15px;}

	.sms2 {
	font-size:60px;
	font-weight:bold;
	color:#ffb94d;
	padding-left:40px;
	text-shadow:3px 3px 3px #333;
	}

	.sms4 {padding:12px 0 0 45px;}

	.sms5 {
	 padding-left:50px; color:#FFF; font-size:14px; line-height:30px;
	}

	.sms_btn {
	padding:5px 0px; border:solid 2px #FFF;
	font-weight:bold; 
	box-shadow: 2px 2px 2px #333; 
	border-radius:5px; font-size:18px; text-align:center; width:150px; 
	cursor:pointer;
	transition:.2s;
	background:none;
	color:#FFF;
	}

	.sms_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}

/*  md */

	.md {height:790px;}

	.md_l_t1, .md_l_t2 {
	font-size:40px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #000; 
	}

	.md_l_t1 {
	padding-left:70px;
	}

	.md_l_t2 {
	padding-left:200px;
	}

	.md_l_t3 {
	font-size:23px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #333; padding-left:70px;
	}

	.md_btn {
	margin-left:300px;
	font-size:23px; font-weight:bold; color:#FFF;text-shadow: 3px 3px 3px #333; 
	padding:10px 0; border:solid 2px #FFF; width:250px; text-align:center;
	box-shadow: 2px 2px 2px #333;
	cursor:pointer;
	transition:.2s;
	border-radius:5px;
	}

	.md_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	}

	.md_r_t_tlt {
	color:#024ca1; font-size:30px; font-weight:bold; 
	margin:50px 0 0 350px;
	}

	.md_r_tb {
	padding:20px 0 0 100px;
	}

	.md_btn2 {
		padding:5px 0px; font-weight:bold; box-shadow: 2px 2px 2px #333; border-radius:5px; font-size:18px; text-align:center; 
		width:150px; cursor:pointer;
		color:#FFF;
		background:#f06151;
		border:none;
		transition:.2s;
	}

	.md_btn2:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}

/*  main box */
	.mbox {
	border:solid 1px #EEE; text-align:center; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 8px, rgba(17, 17, 26, 0.05) 0px 8px 8px;
	border-bottom:solid 4px red;
	padding:15px;
	cursor:pointer;
	transition:.2s;
	}

	.mbox:hover{
		margin-top:-20px;
		border-bottom:solid 8px #0f679b;
		text-shadow:2px 2px 2px #aaa;
	}

	.md_boxs {width:1500px; margin:auto;}

	.md_box1 {width:100%;height:220px;}

	.md_box2 {width:100%; height:300px;}

	.md_box_t1 {
	padding-top:40px;
	color:#FFF;
	font-size:27px;
	text-shadow:3px 3px 3px #000;
	font-weight:900;	
	}

	.md_box_t2 {
	padding:30px 0 0 30px;;
	color:#FFF;
	font-size:24px;
	}

	.md_box_t3 {
	padding:20px 0 0 30px;
	color:#333;
	font-size:13px;
	line-height:20px;
	}

/*   step  */
	.main_bt_bg {
	width:100%;
	height:424px;
	}

	.step_tlt {
	text-align:center; font-size:40px; font-weight:bold;
	color:#FFF;
	padding:50px 0;
	}

	.step_box {margin:auto; width:1500px;}

	.step_t1 {
	text-align:center; font-size:25px; font-weight:bold;
	color:#FFF;
	padding-bottom:20px;
	}

	.step_t2 {
	text-align:center; font-size:25px; font-weight:bold;
	color:#ed453a;
	padding-bottom:20px;
	}

	.step_tb {
	padding-top:20px;
	text-align:center; font-size:22px; font-weight:bold;
	text-shadow:3px 3px 3px #000;
	color:#FFF;
	}

	.step_ts {
	padding-top:20px;
	text-align:center; font-size:14px; 
	color:#FFF;
	}

/*  order */

	.inq_bg {
	position:absolute;
	left:50%;
	width:1500px;
	margin-left:-750px;
	margin-top:-430px;
	}

	.inq_tlt {
	color:#f09836;
	font-size:40px;
	text-align:center;
	padding:30px 0;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	}

	.inq_tlt2 {
	color:#f09836;
	font-size:30px;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	}

	.inq_bt {
	color:#57b5d1;
	font-size:25px;
	text-align:center;
	}

	.inq_bt2 {
	color:#FFF;
	font-size:35px;
	font-weight:bold;
	}

	.inq_btn {
		background:#faac2e;
		padding:5px 0px; font-weight:bold; 
		box-shadow: 2px 2px 2px #333; border-radius:5px; font-size:18px; text-align:center; width:150px; cursor:pointer;
		color:#FFF;
		transition:.2s;
		margin:auto;
		border:none;
	}

	.inq_btn:hover {
	box-shadow:inset 2px 2px 2px #333;
	background:#FFF;
	color:#555;
	}

/* copy */

	.copy_bg {
	width:100%;
	height:326px;
	}

	.cp_t{
	color:#aaa; font-size:14px;
	padding:180px 0 0 80px;
	}

/* CONTENT  */

	.contents_contain {
	width:1400px; margin:auto;padding-top:20px; line-height:25px; font-size:18px;
	}

	/*    TABLE     */

	.tbl  {
	padding-top:10px;
	width:100%;
	}

	.tbl th {
	padding:5px;
	color:#666;
	font-weight:bold;
	font-size:16px;
	background:#edeff8;
	color:#666;
	text-align:center;
	line-height:30px;
	border-bottom:solid 1px #afb1c5;
	}

	.tbl td {
	padding:5px;
	line-height:30px;
	font-size:14px;
	border-bottom:dashed 1px #aaa;
	text-align:center;
	}

	/*    TABLE   END  */


	/* sub top*/

	.stlt_bg {
	background:url(/images/s_bg.jpg);width:100%; height:100px;
	}

	.st {
	width:100%;
	position:absolute;
	font-size:30px;
	text-shadow:2px 2px 2px #000;
	}

	.s6_v {display:none;}

	.s6_l_tlt {
	border:solid 1px #EEE;
	padding:20px;
	font-size:14px;
	cursor:pointer;
	transition:.2s;
	}

	.s6_l_tlto {
	border:solid 1px #EEE;
	padding:20px;
	font-size:14px;
	font-weight:bold;
	color:#0f679b;
	border-bottom:solid 2px red;
	}

	.s6_l_tlt:hover {
	font-weight:bold;
	color:#0f679b;
	border-bottom:solid 2px red;
	box-shadow:inset 3px 3px 3px #EEE;
	}

	.s6_r {
	font-size:16px;
	}

	.s7_box {
		font-size:14px;	
		display:table;
		transition: all .5s;		
	}

	.s7_box:hover {
		text-shadow: 4px 4px 4px #bbb;		
	}

	.s7_box  .s7s_box{
	width:90%;
	margin:auto;
	}


	.s7_box_1 {
		color:#4e8abc;
		background:#e0f2fe;
	}

	.s7_box_2 {
		color:#0399b2;
		background:#e9fcfa;
	}

	.s7_box_3 {
		color:#d04c5a;
		background:#f5e0ef;
	}

	.s7_box_4 {
		color:#834e86;
		background:#cdc8de;
	}

	.s7_box_5 {
		color:#d24c31;
		background:#efd7cd;
	}

	.s7_box_6 {
		color:#c88a27;
		background:#f3e5ca;
	}

	.s7_box_7 {
		color:#8b6656;
		background:#eee7df;
	}

	.s7_box_8 {
		color:#758636;
		background:#dde2cb;
	}



	#myBtn {
	  display: none;
	  position: fixed;
	  bottom: -2px;
	  right: -2px;
	  z-index: 99999;
	  font-size: 18px;
	  border: solid 1px #CCC;
	  outline: none;
	  color: #333;
	  cursor: pointer;
	  padding: 5px;
	  border-radius: 4px;
	  background:white;
	}

	#myBtn:hover {

	}
}