@charset "utf-8";



@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(/front_files/font//NotoSansKR-Regular.woff2) format('woff2'),url(/front_files/font//NotoSansKR-Regular.woff) format('woff'),url(/front_files/font//NotoSansKR-Regular.otf) format('opentype');}


@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(/front_files/font//NotoSansKR-Bold.woff2) format('woff2'),url(/front_files/font//NotoSansKR-Bold.woff) format('woff'),url(/front_files/font//NotoSansKR-Bold.otf) format('opentype');}



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


body {  width:100%;  height: 100%;line-height:normal; background:#fff;font-size: 14px; color:#555;  font-family:Noto Sans KR,Nanum Barun Gothic,Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;  }


.header-section { background:#fff !important; }

.main_visual_wrap {  background: url(/front_files/main_visual_bg.jpg) no-repeat 0 0; background-attachment: fixed; padding: 195px 0 0 0; min-height: 670px;}

.main_visual_wrap .container { position: relative; }

.visual_text_wrap h1  { color: #fff; font-size: 46px; margin-bottom: 45px;  }
.visual_text_wrap .text-primary   { color: #66f95b !important; }
.visual_text_wrap .lead   {  color: #fff; font-size: 19px;  line-height: 34px; }
.main_visual_wrap .figure_img_box {right: 0px;  margin-top:0;  top: -40px; }
.m_user_wrap {background: url(/front_files/main_user_bg01.jpg) no-repeat 50% 0; }

.m_u_img_box  { text-align: center; margin-bottom: 25px;}
.m_u_img_box span { display: block; color: #626262; font-size: 22px;margin-top: 10px; }

.m_u_text_box { text-align: center; }
.m_u_text_box span { display: block; font-size: 32px; color: #1066c7; margin-bottom: 25px; }
.m_u_text_box p{  color: #333; font-size:20px; line-height:35px; padding: 0 25px }

.m_h2_title{ font-size: 32px; position: relative; text-align: center;padding: 0 0 20px 0;}
.m_h2_title:after { content: ''; display: block; clear: both; position: absolute; left:50%; bottom:0; width:40px; height: 3px; background: #1066c7; margin-left: -15px; }


.m_info_wrap { background: url(/front_files/main_user_bg02.jpg) no-repeat 50% 0; padding: 45px 0 0 0; min-height: 144px; }
.m_info_wrap .container { position: relative; }
.m_i_text {  line-height: 28px;  margin-bottom: 0;}
.m_i_text span { font-size: 32px; color: #fff;  display: inline-block; padding: 0 4px 0 8px; background: url(/front_files/m_info_line.png) repeat-x 0 bottom; margin-right: 10px;line-height: normal;   }
.m_i_text em { display: inline-block;font-size: 20px; color: #fff; font-style:normal; }
.m_i_bt { display: block; position: absolute; right:0; top:0;width: 190px; height: 60px; text-align: center; line-height: 60px; font-size: 20px; color: #2c2c2c;  background: #fff; border-radius: 30px; }
.m_i_bt em { display: inline-block;font-style:normal; vertical-align: middle; margin-right: 5px;}
.m_i_bt i { font-size: 25px; color: #1066c7;  vertical-align: middle; }

.m_i_bt:hover  { background: #1066c7;  }
.m_i_bt:hover em,
.m_i_bt:hover i { color: #fff;   }



.promotion_text { font-size: 20px; color: #1e2022; }
.promotion_text strong {  color: #1d80ef; }
.promotion_text span { font-size: 14px; color: #555; display: block;margin-top: 4px;}

.promotion_text_bottom { font-size: 16px; color: #1e2022; text-align: center; margin-top: 35px;  }
.promotion_text_bottom span { display: inline-block;  background: url(/front_files/text_underline.png) repeat-x 0 bottom;  padding-bottom: 3px;}


.price_card_box {min-height: 516px; text-align: center; background:#fff url(/front_files/card_price_top_line.png) no-repeat 50% 0;  background-size: 100% auto;  box-shadow: 0 0 20px rgba(72,72,72,0.3); border-radius: 2px; padding: 50px 0 0 0; transition:all 0.3s ease; }
.price_card_box:hover  { margin-top: -10px;box-shadow: 0 0 25px rgba(72,72,72,0.5);   }
.price_card_box h3 { font-size: 20px; color: #093768; font-weight: bold; margin-bottom: 5px;  }
.p_c_under_t { display: block; font-size: 13px; color: #7c7c7c;margin-bottom: 25px;}

.card_price_t  { position: relative; padding-bottom: 25px;margin-bottom: 17px; }
.card_price_t strong { text-align: center; font-size:50px; font-weight: bold; color: #333;position: relative;   }
.card_price_t strong span { position: absolute; font-size: 16px; color: #333; right: -43px;  bottom:10px;  font-weight: normal;}
.card_price_t:after { content: ''; display: block; clear: both; position: absolute; left:50%; bottom:0; margin-left: -22px; width: 44px; height: 8px; background: #1066c7; border-radius: 4px; }


.price_card_box p { font-size: 14px; color:#333; line-height: 22px;  text-align: center; padding: 0 15px; height: 150px} 

.line_bt { border:1px solid #1066c7; width: 170px; height: 46px; border-radius: 5px; text-align: center; display: inline-block;  color: #1c1c1c; font-size: 16px; line-height: 44px;}
.line_bt:hover  { background: #1066c7; color: #fff;  }

.card_price_t .p_q_text {} 


/* 0401 추가  */
.header { border-bottom: 1px solid #e3e3e3; }
.view_title { font-size: 24px; color: #223a9f; font-weight: bold; }

.view_definition_box { }
.view_definition_box h4 {margin: 0 0 15px 0;  padding: 0;  }
.view_definition_box h4 span {  font-size: 13px; color: #188d8e;  line-height: 28px; padding: 0 20px; background: #e7e7e7; border-radius: 4px; display: inline-block;  }
.view_definition_box ul   {margin: 0; padding: 0;  }
.view_definition_box ul li  {  color: #333333; margin: 0 0 10px 0; list-style: none;  padding: 0 0 0 10px;  }
.view_definition_box ul li:last-child  { margin: 0 0 0px 0;   }

.keyword_view_wrap { background: #f3f3f3; }

.kw_brick {  background: #fff; border-radius: 10px; box-shadow: 0 3px 15px rgba(72,72,72,0.2); transition:all 0.3s ease; }
.brick_line { border-top: 5px solid #3c81fc; }


.left_keyword_box { padding: 20px; border-bottom: 1px solid #ececec; }
.left_keyword_box:last-child  { border-bottom: 0px; }
.left_keyword_box h3{ font-size: 18px; color: #000; position: relative; padding: 0 0 15px 0; margin: 0 0 15px 0;}
.left_keyword_box h3:after { content: ''; display: block; clear: both; width: 18px; height: 3px; border-radius: 2px; background: #898989;position: absolute; left:0; bottom:0; }
.left_keyword_box ul { margin: 0; padding: 0; }
.left_keyword_box ul li { list-style: none;margin: 0 0 14px 0;}
.left_keyword_box ul li:last-child  { margin: 0 0 0px 0;}
.left_keyword_box ul li a { display: inline-block; font-size: 14px; color: #333;   }
.left_keyword_box ul li a:hover  {  color: #223a9f;   text-decoration: underline; }

.highlight_help_type { color:#2fbf1f; display: inline-block;  cursor: help; }

.diagram_box {padding: 15px 0; }
.diagram_box h3 { margin-bottom: 20px;  }
.diagram_box h3 span {  line-height: 38px; color: #fff; background:#1ea297; border-radius: 0 19px 19px 0; padding: 0 0 0 28px; font-size: 14px; display: inline-block;  width: 110px;  }
.diagram_box ul { margin: 0; padding: 0 15px 0 15px;  }
.diagram_box ul li{ list-style: none;  position: relative; margin-bottom: 10px;  }
.diagram_box ul li:last-child { margin-bottom: 0px;  }
.diagram_box ul li a{ display: block; padding: 0 0 0 10px;font-size: 14px; color: #333  }
.diagram_box ul li a:after { content: ''; display: block;clear: both;position: absolute; left:0; top:8px; width: 4px; height: 4px; border-radius: 2px; background: #b7b7b7; }
.diagram_box ul li a:hover { text-decoration: underline; color: #223a9f;  }



.diagram_box h3 .d_b_t02 { background: #4e7cc8;  }
.diagram_box h3 .d_b_t03 { background: #eaa057;  }


.diagram_word_box { background: url(/front_files/diagram_word_line01.png) no-repeat 50% 50%; padding:  60px 0 60px 0;  margin: 30px 0; display: table; width: 100%;  position: relative; }
.diagram_word_box:after { content: ''; display: block; clear: both; right:0; top:50%;  background: url(/front_files/diagram_word_line02.png) no-repeat 0 0; width: 56px;height: 12px; margin: -6px 0 0 0; position: absolute; }
.diagram_word_text {width: 174px; height: 194px;  background: url(/front_files/diagram_word_bg.png) no-repeat 50% 14px;  text-align: center; margin: 0 auto; display: table-row;  }

.diagram_word_text p {  display: table-cell;
        vertical-align: middle;  }
.diagram_word_text span{ width:120px; text-align: center; color: #fff;  display: inline-block; font-size: 15px; }



/* 모바일 스타일  */


@media (max-width: 1200px) {
    .m_info_wrap { padding: 50px 0; background-size: cover; }
    .m_info_wrap .container {text-align: center; }
    .m_i_text { margin-bottom: 20px }
    .m_i_bt { position: relative; right: auto; top:auto;  display: inline-block; }
    
    
}

@media (max-width: 992px) {

    .m_i_text span {  margin-bottom: 15px;}
    .m_i_text em { display: block;}
    .diagram_word_box { background:none;      padding:0; margin: 0px 0px;  position: absolute; top:0; left:0; }
    .diagram_word_box:after {display: none;}
    .diagram_word_text p { background:#404040; padding: 20px 0; display: block; border-radius: 10px; }
    .diagram_word_text p:after {  content: ''; display: block; clear: both; position: absolute; left:50%; bottom:10px;border-top: 6px dashed #404040;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent; }

    .diagram_word_text { background: none; height: auto; width: auto; display: block; padding: 0 20px; } 
    .diagram_top_box { margin-top: 100px; }
    
}
@media (max-width: 576px) {
    .m_u_text_box span { font-size: 28px; }
    .m_h2_title { font-size: 26px; }
    .main_visual_wrap {     padding: 100px 10px 80px 10px; min-height: auto; }
    
    
}