@charset "UTF-8";
 


.img_border {border:1px solid #ddd;}
.border_box  {border:1px solid #ddd; width:100%; float:left; box-sizing:border-box; padding:1.5%;}
.border_top  {border-top:1px solid #ddd;}
.border_bottom  {border-bottom:1px solid #ddd;}
.bg_gray  {background-color:#f9f9f9; }
 
 .red  {color:red;}
.black  {color:#111;}
.point_t {color:#0d99fc; font-weight:500}
.point_t2 {color:#9118c3;  font-weight:500}

 .bg_color1 {background-color:#0d99fc; color:#fff !important;}
 .bg_color2 {background-color:#1f2b4f; color:#fff !important;}

.box_100 {width:100%; float:left}


.line {width:100%; height:1px; display:inline-block; background-color:#ddd; }


.t {font-size:15.5px; line-height:1.3em; font-weight:400; color:#555;}
.t2 {font-size:15px; line-height:1.3em; font-weight:400; color:#777;}
 
 td.bg1 {background-color:#f8f8f8 !important;}




dl.basic { float:left;  }
dl.basic dt {font-size:18px; line-height:1.5em;  padding-bottom:4px; font-weight:500; color:#333;}
dl.basic dd {font-size:15.5px;  font-weight:300; letter-spacing:-0px;  line-height:1.3em; color:#777;}
dl.basic dd  b {font-weight:500; color:#555;}

 dl.basic2 { float:left;  width:100%;}
dl.basic2 dt {font-size:18px; line-height:1.5em;  padding-bottom:4px; font-weight:500; color:#333;}
dl.basic2 dd {font-size:16px;  font-weight:300; letter-spacing:-0px;  line-height:1.3em; color:#777;}
dl.basic2 dd  b {font-weight:500; color:#555;}


ul.basic  {width:100%; float:left;}
ul.basic li  {list-style:disc; font-size:1em; font-weight:400; line-height:1.5em; color:#555; padding-bottom:5px; padding-left:0px; margin-left:20px;  }

 

table.basic {width:100%; float:left;}
table.basic th {background-color:#cce3f6;  border:1px solid #a1bace; color:#111; padding:10px; font-weight:500; font-size:15px;}
table.basic td {font-size:15px; color:#66667d; padding:10px; border:1px solid #a1bace; line-height:1.35em;}

table.basic2 {width:100%; float:left;}
table.basic2 th {background-color:#cce3f6;  border:1px solid #a1bace; color:#111; padding:10px; font-weight:500; font-size:16px;}
table.basic2 td {font-size:16px; background-color:#fff; text-align:center; color:#66667d; padding:10px; border:1px solid #a1bace; line-height:1.35em;}

 ul.sub_nav_tab { float:left; width:100%;}
 ul.sub_nav_tab li { float:left; background-color:#fff;  border:1px solid #ddd; text-align:center;  box-sizing:border-box; font-size:17px; margin-right:2px; }
 ul.sub_nav_tab li a {  display:inline-block; color:#333 !important;  padding:0px 60px; line-height:44px; }
  ul.sub_nav_tab li.ov {background-color:#1f2b4f; border:1px solid #1f2b4f;}
 ul.sub_nav_tab li.ov a {color:#fff !important; }



 ul.sian_tab { float:left; width:100%;}
 ul.sian_tab li {width:25%; float:left; background-color:#fff;  border:1px solid #ddd; text-align:center;  box-sizing:border-box; font-size:18px; margin-left:-1px; border-bottom:none;}
 ul.sian_tab li a {width:100%; display:inline-block; color:#333 !important;  padding:15px 0; }
  ul.sian_tab li.ov {background-color:#0d99fc; }
 ul.sian_tab li.ov a {color:#fff !important; }

 
  ul.basic_tab { float:left; width:100%;}
 ul.basic_tab li { float:left; background-color:#fff;  border:1px solid #ddd;  box-sizing:border-box;  margin-right:2px;}
 ul.basic_tab li a {width:100%; display:inline-block; color:#333 !important; font-size:16px; padding:0 40px;line-height:40px; }
  ul.basic_tab li.ov {background-color:#0d99fc; }
 ul.basic_tab li.ov a {color:#fff !important; }



.box_100 {width:100% !important; float:Left;}
 
.col-2 {width:48% !important; float:Left;  box-sizing:border-box;}
 

.col-3:nth-child(1) {padding-right:20px;}
.col-3:nth-child(2) {padding-right:10px; padding-left:10px;}
.col-3:nth-child(3) {padding-left:20px; float:right;}


.col-4 {width:25% !important; float:Left; padding:0%; box-sizing:border-box;}
.col-4:nth-child(1) {padding-right:20px;}
.col-4:nth-child(2) {padding-right:16px; padding-left:4px;}
.col-4:nth-child(3) {padding-right:8px; padding-left:12px;}
.col-4:nth-child(4) {padding-left:20px; float:right;}




 /*팝업*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background:#000; opacity:.7; filter:alpha(opacity=70);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 90%; height:auto;    z-index: 999999999999999999999999999999999;}
.pop-layer .pop-container {padding: 20px 0 20px 0; width:100%; float:left;}
.pop-layer .pop-container ul {width:100%; float:left; }
.pop-layer .pop-container ul li {width:100%; float:left; padding:3% 0; text-align:center;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.tab {width:100%;   float:left;   }
.tab li {width:200px; display:inline-block; font-size:1em; text-align:center; line-height:45px;  margin-right:5px; background-color:#f9f9f9; font-weight:500;}
.tab li a {color:#555;  display:inline-block;  width:100%;  transition: background-color 0.3s ease-in;}
.tab li a:hover { background-color:#555; color:#fff;  font-weight:500; }
.tab li.ov a { background-color:#555; color:#fff;  font-weight:500; }


/*버튼*/

a.t_link {color:#333 !important; }
a.t_link:hover {color:blue; text-decoration:underline}

a.y_btn_bg  {background: linear-gradient(to top, #289c09, #32c40b);
 box-sizing:border-box; margin-top:20px; display:inline-block; line-height:60px; width:220px;  color:#fff !important; text-align:center;  font-weight:500;     font-size: 1.2em;border-radius:3px;   }


.y_btn_bg  {background: linear-gradient(to top, #289c09, #32c40b);
 box-sizing:border-box; margin-top:20px; display:inline-block; line-height:60px; width:220px;  color:#fff !important; text-align:center;  font-weight:500;     font-size: 1.2em;border-radius:3px;   }


a.n_btn_bg  {background-color:#fff; border:1px solid #333; box-sizing:border-box;margin-top:30px;   display:inline-block; line-height:50px; width:200px;  color:#333 !important; text-align:center;  font-weight:500; font-size:16px; border-radius:3px; box-shadow:1px 1px 3px #ddd;}

a.basic_btn  { display:inline-block; text-align:center; line-height:40px; font-weight:400;   font-size:16px;   background-color:#fff;  border:1px solid #1f2b4f;  color:#1f2b4f !important;  width:200px;   transition: background 0.3s ease-in;}
a.basic_btn:hover  {   background-color:#1f2b4f;  border:1px solid #1f2b4f;  color:#fff !important;  }


a.basic_btn2  {background-color:#1f2b4f;  border:1px solid #1f2b4f; box-sizing:border-box; margin-top:30px; display:inline-block; line-height:53px; width:250px;  color:#fff !important; text-align:center;  font-weight:500; font-size:17px;  border-radius:3px; box-shadow:1px 1px 3px #ddd;  }
 

a.list_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;   font-size:14px; float:right;  margin-top:10px; margin-left:5px; background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  border:1px solid #555;}


 a.write_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;  font-size:15px; float:right; margin-top:10px; margin-left:5px;  background-color:#fff; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#888 !important; border:1px solid #ddd;  }

 a.check_btn  { display:inline-block; text-align:center; line-height:32px; padding:0 20px; font-weight:400;   font-size:15px;   vertical-align:middle; background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  border:1px solid #555;}
 
 
@media all and (max-width:1100px){
.tab li {width:50%; float:left; box-sizing:border-box ; margin-right:0px; line-height:38px;}

}