@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.813em;/*background:#e6e6e6;*/height:100%;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}

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

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
#skip_to_container{display:none}
/* 상단 레이아웃 */
#hd {position:relative;background:#fff;;text-align:center;padding:0 30px; border-bottom: solid 1px #cdcdcd;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;max-width:1200px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo a{display:block;padding:60px 0px 20px 0px; text-align:left;}

.hd_sch_wr{display:none;position:absolute;top:0;left:0;width:100%;z-index:80;background: #23292c;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{}
#hd_sch #sch_stx {padding:0 60px;height:59px;width:100%;border:0;border-right:0;font-size:1.25em;background:none;color:#fff}
#hd_sch #sch_submit {height:59px;border:0;background:none;color:#fff;width:50px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px}
.hd_sch_wr .btn_sch_close{position:absolute;top:0;right:0;width:60px;height:59px;border:0;background:none;color:#888 }
#sbn_side{position:absolute;top:20px;right:0}

#tnb {position:absolute;top:45%;right:0;margin-top:-40px}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {width:auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {display:inline-block;}
#tnb a {display:inline-block;padding:0 18px;color:#aaa;border:1px solid #555555;line-height:25px;border-radius:50px; font-size: 0.65em;}
#tnb a:focus, #tnb a:hover {color:#fff;background:#42484b}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .btn_b02{color:#fff}
#tnb .btn_b02:hover{background:#690dff;color:#fff}

#hd_qnb{position:absolute;top:50%;left:0;margin-top:20px;margin-top:-18px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin-right: 10px}
#hd_qnb li span {display:none;position:absolute;margin-top:5px;font-size:0.92em;padding:0 10px;word-break: keep-all;background:#666dfb;;color:#fff;border-radius:5px;font-weight:300;line-height:20px}
#hd_qnb li:hover span{display:block}
#hd_qnb li a{display:block;border:1px solid #404143;color:#a3a3a4;width:36px;line-height:34px;;border-radius:50px}
#hd_qnb li a:hover {background:#404143}
#hd_qnb li i{font-size:15px}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}

@media (max-width: 969px){
    #logo a{padding:15px 0;height:60px; text-align: center;}
    #logo img{max-height:100%;}
    #tnb ,#hd_qnb{display:none}
}

/* 메인메뉴 */
#gnb{/*border-top:1px solid #3b4043;*/margin:0 auto;max-width:1200px;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{}
#gnb #gnb_1dul {;font-size:1.083em;padding: 0;zoom:1; width: 50%; position: absolute; top:-60px; right: 0px; }
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{display:inline-block;line-height:58px;padding:0 15px;position:relative;z-index:1}
#gnb .gnb_1dli:hover{background:#fff;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}
#gnb .gnb_1dli a:hover {color:#24a6e0; font-weight: bold}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:400;color:#000;text-decoration:none;font-size:1.077em}
.gnb_2dli{/*border-top:1px solid #131313*/}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:58px;min-width:140px;background:#fff;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#3F3F3F;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#fff;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_btn{background:transparent;color:#fff;width:65px;height:58px;border:0;vertical-align:top;font-size:26px}

#gnb .gnb_menu_btn {display: none;} /* pc 버전에서 안보임 */
@media screen and (max-width:969px) { 
	#gnb .gnb_menu_btn{display: block; position:absolute;top:0;left:0;padding:0;border-right:1px solid #3b4043; } } /* 모바일 버전에서 노출 */


#gnb .gnb_sch_btn {position:absolute;top:0;right:0;padding:0;border-left:1px solid #3b4043}



#gnb_all{display:none;position:fixed;top:0;left:0;height:100%;;width:300px;z-index:99;background:#fff;text-align:left;overflow-y:auto;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);}
.gnb_al_login{background:#24a6e0;padding:10px}
.gnb_al_login li{display:inline-block;}
.gnb_al_login li a{display:block; padding: 0 20px;color: #fff;border: 1px solid #ededed;line-height: 34px;border-radius: 50px;}
.gnb_al_login li a:hover{background:#42484b}
.gnb_al_login li .btn_b02{color:#fff}
.gnb_al_login li .btn_b02:hover{background:#690dff;color:#fff}
#gnb_all .gnb_close_btn{background:transparent;color:#fff;width:50px;height:56px;border:0;vertical-align:top;font-size:16px;position:absolute;top:0;right:0;}

.gnb_al_ul{margin-bottom:10px;background:#fff}
.gnb_al_ul li{position:relative}
.gnb_al_ul li a{display:block;border-bottom:1px solid #cbcbcb;padding:0 20px;line-height:50px;color:#000}
.gnb_al_ul li button{position:absolute;top:0;right:0;width:50px;height:50px;background:none;color:#888;border:0;font-size:16px}
.gnb_al_ul li ul {display:none}
.gnb_al_ul li ul a{padding:0 40px;color:#3f3f3f;background:#ededed}
.gnb_al_ul .gnb_al_a{    font-size: 1.077em;}
.gnb_al_qk:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_al_qk li{float:left;width:50%;border-left:1px solid #2e3336}
.gnb_al_qk i{width:30px;}

@media (min-width: 970px){
    #gnb{position:relative}
}

@media (max-width: 969px){
    #gnb_1dul{display:none}
    #gnb .gnb_btn{border:0}
}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select{background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2);
box-shadow: 0 0 5px  rgba(100,100,100,0.2);}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
/*#container {position:relative;min-height:300px;margin:0 auto;max-width:1260px;padding:15px} */
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.6em;margin:0 15px 15px}
.btn_top li{display:inline-block}

.write_btn a{position:fixed;bottom:60px;right:10px;border-radius:30px;width:40px;line-height:40px;text-align:center;z-index:10}

@media (min-width: 970px){
    .con_right{float:left;width:33.333%;margin:15px 0}
    .con_left{float:left;width:66.666%;;margin:15px 0}
    .write_btn a{position:fixed;bottom:80px;right:10px;border-radius:30px;width:60px;line-height:60px;text-align:center;z-index:10}

}
@media (max-width: 639px){
    #container_title{margin:0 0 15px}
}
/* 하단 레이아웃 */
#ft {background:#000;padding:30px;text-align:left}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_copy {;line-height:2em;color:#999;margin:0 auto;max-width:1200px}
#ft_copy #ft_company {margin-bottom:10px;}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #aaa;font-weight:600;color:#777}
#ft_copy #ft_company a:first-child{border:0;padding-left:0}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#top_btn {position:fixed;bottom:10px;right:10px;width:40px;background:#fff;border:0;border-radius:30px;border-bottom:2px solid #ddd;line-height:40px;text-align:center;font-size:15px;z-index:99;color:#888}
#top_btn:hover{color:#000}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}


@media (min-width: 970px){
    #top_btn {width:60px;height:60px;}
}
/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn{display:inline-block;padding:0 15px;height:40px;line-height:40px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:right} /* 서식단계 진행 */
.btn_submit {border:0;background:#a566fb;color:#fff;cursor:pointer;border-radius:3px}
 .btn_submit:hover {background:#7f31ff}
a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#fff;color:#888;border:1px solid #ddd;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02 ,.btn_b02{display:inline-block;background:#8c4f9b;color:#fff;text-decoration:none;vertical-align:middle;border:0}
a.btn_b02:hover, .btn_b02:hover {background:#a531ff}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e3e3e5;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01 li{background:#fff;border-radius:3px;margin:15px 0;padding: 15px;}

/* 기본폼 */
.form_01{margin:15px 0}
.form_01 .write_div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:0; border-top:1px solid #d4d4d4;background:#f1f1f1;color:#000;vertical-align:middle;border-radius:5px;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:45px;padding:0 20px}
.full_input{width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select{height:40px;border-radius:3px;background-color:#fff}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #4162ff;color: #fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block;}
.new_win .win_ul li a {display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}
.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0}
.new_win .win_btn .btn_submit {width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0  10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#888;font-weight:400;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:20px 0;text-align:center;padding:20px 0;border-top:1px solid #e8e8e8;clear:both}
.pg {display:inline-block}
.pg_page:hover{color:#696ae6}
.pg_page, .pg_current {display:inline-block;padding:0 12px;height:35px;color:#000;line-height:35px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#696ae6;color:#fff;font-weight:bold;border-radius:33px;line-height:35px;}





/*/////////////////////////////////////*/
/* 반복 사용 */
.bold_07 {font-weight: 700;}
.bold_06 {font-weight: 600;}
.bold_05 {font-weight: 500;}
.bold_04 {font-weight: 400;}





/* /////////////////////////////////// main /////////////////////////////////// */

/*21-03-29 멤버쉽 서비스 오픈준비*/
.c_210329 {text-align: center; margin: 0 auto;}
.c_210329 h2 {font-size: 1.3em; padding-bottom:70px; font-weight: 300; line-height: 1.5;}


/* mina_img roll 부분 */
.main_img {background: url("../img/main_img_bg.gif") center center no-repeat; width: 100%; height:450px;  background-size: cover; text-align: center; }
.main_img_01 { width: 80%; padding: 60px 0 0 10px; }
.main_img h3 {font-family:  NanumSquare; color: #fff; font-weight: 300; font-size: 1.3em; padding: 30px 0 10px 0; line-height: 1.3;}
.main_img h4 {color: #fff; font-weight: 300; font-size: 1.2em; padding: 10px 0 20px 0; line-height: 1.4;}
.main_img_btn {color: #fff; font-size: 1em; background-color: rgba(0,0,0,0.00); border: 1px #fff solid; padding: 10px 30px; }
.main_img_btn:hover {background-color:  #24a6e0;  border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }


/* mina_ser 부분 */
.main_ser {background-color: #f6f6f6; height: auto; widows: 100%;  text-align: center;}
.main_ser h2 { text-align: center;padding: 80px 0px 30px 0px; font-size: 1.2em; font-weight: 300; line-height: 1.5;}
.main_ser_img {width: 90%; padding-bottom: 30px;}
.main_ser_btn {color: #000; font-size: 1em; background-color: rgba(0,0,0,0.00); border: 1px #000 solid; padding: 10px 50px; margin-bottom: 80px; }
.main_ser_btn:hover {background-color:  #24a6e0; color: #fff; border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }



/* mina_cho 부분 */
.main_cho {text-align: center;}
.main_cho_img {width: 50px; padding-top: 80px;}
.main_cho h2 { text-align: center; padding: 20px 0px 30px 0px; font-size: 1.2em; font-weight: 200; line-height: 1.5;}

.cho_01{box-sizing: border-box; border: 2px  #24a6e0 solid; padding:30px 20px; margin: 0 20px 20px 20px;}
.cho_01 h3 {font-size: 1em; color: #666666; font-weight: 600;padding: 5px 0px; }
.cho_01 h1 {font-family:NanumSquare; font-size: 1.5em; font-weight: 700; color: #000; padding: 10px 5px 30px 5px;}
.cho_btn_01 {background-color: #24a6e0; padding: 10px 25px; color: #fff; font-size:0.9em;border: 1px #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.cho_btn_01:hover{ background-color: #005fca; font: #24a6e0 ;border: 1px #24a6e0 solid; }
.cho_01 h5 {font-size: 0.8em; font-weight: 300; color: #666666; padding: 15px 0 30px 0;}
.cho_line {border: 1px #ededed solid; width: 90%; margin: 0 auto; }
.cho_01 h4 { text-align: left; font-size: 1em; font-weight: 300; padding: 30px 0 10px 0;}
.cho_01 h6  {font-size: 0.9em; text-align: left; font-weight: 300; color: #666666; line-height: 1.5;}

.cho_02{box-sizing: border-box; border: 2px #b6b6b6 solid; padding:30px 20px; margin: 0 20px 20px 20px;}
.cho_02 h3 {font-size: 1em; color: #666666; font-weight: 600;padding: 5px 0px; }
.cho_02 h1 {font-family:NanumSquare; font-size: 1.5em; font-weight: 700; color: #000; padding: 10px 5px 30px 5px;}
.cho_btn_02 {background-color: #fff; padding: 10px 25px; color: #24a6e0; font-size:0.9em;border: 1px #b6b6b6 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.cho_btn_02:hover{ background-color: #ededed; border: 1px #24a6e0 solid;  }
.cho_02 h5 {font-size: 0.8em; font-weight: 300; color: #666666; padding: 15px 0 30px 0;}
.cho_02 h4 { text-align: left; font-size: 1em; font-weight: 300; padding: 30px 0 10px 0;}
.cho_02 h6  {font-size: 0.9em; text-align: left; font-weight: 300; color: #666666; line-height: 1.5;}

.cho_03{box-sizing: border-box; border: 2px #b6b6b6 solid; padding:30px 20px; margin: 0 20px 20px 20px;}
.cho_03 h3 {font-size: 1em; color: #666666; font-weight: 600;padding: 5px 0px; }
.cho_03 h1 {font-family:NanumSquare; font-size: 1.5em; font-weight: 700; color: #000; padding: 10px 5px 30px 5px;}
.cho_03_cs {font-weight: 700; font-size: 1.5em; color: #FF7676;}

.cho_btns {text-align: center; margin: 0 auto;}
.cho_btn_05{margin: 5px 10px; font-size: 1em; border: 1px #666666 solid; background-color: #fff; padding: 10px 90px;  border-radius: 50px;}
.cho_btn_06{margin: 5px 10px ; font-size: 1em; border: 1px #666666 solid; background-color: #fff; padding: 10px 90px;  border-radius: 50px;}
.cho_btn_04{margin: 5px 10px 30px 10px; font-size: 1em; border: 1px #666666 solid; background-color: #fff; padding: 10px 30px;  border-radius: 50px;}
.cho_btn_05:hover{background-color:  #24a6e0; color: #fff; border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}
.cho_btn_06:hover{background-color:  #24a6e0; color: #fff; border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}
.cho_btn_04:hover{background-color:  #24a6e0; color: #fff; border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}

.cho_more {padding: 50px 0 80px 0;}
.cho_more_t {cursor: pointer; font-size: 1.2em; font-weight: 500; padding-bottom: 10px;}
.cho_more_t:hover{ text-decoration: underline; }

/* mina_report 부분 */
.m_h {display: none;}
.main_rep{background: url("../img/main_rep_bg.gif") center center no-repeat; width: 100%; height:500px;  background-size: cover; text-align: center; }
.main_rep h2 {font-family:  NanumSquare; color: #fff; font-weight: 500; font-size: 1.3em; line-height: 1.4; padding: 80px 0px 0px 0px; }
.rep_con {text-align: left; color: #C5C5C5; line-height: 1.5; font-weight: 100; font-size: 0.9em; padding: 20px;}
.rep_01 { padding: 0 20px;}
.rep_01_01 {padding-bottom: 10px;}
.rep_01_02 {padding-bottom: 10px;}
.rep_btn {color: #fff; font-size: 1em; background-color: rgba(0,0,0,0.00); border: 1px #fff solid; padding: 10px 30px;}
.rep_btn:hover {background-color:  #24a6e0;  border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }

/* mobile call */
.mobile_call {background-color: #24a6e0; color: #fff; text-align: center;}
.mobile_call h2 {font-family:NanumSquare; padding: 30px 0 5px 0; font-size: 2em; font-weight: 300;}
.mobile_call h3 {padding-bottom: 30px; line-height: 1.2 ; font-size: 1.4em; font-weight: 100;}

/* 메인 문의 */
.main_con_title {text-align: center;font-family:  NanumSquare;font-weight: 500; font-size: 1.5em; line-height: 1.4; padding: 80px 0px 0px 0px;}
.con_all {padding: 20px;}
.con_all_left h3 {font-weight: 500; font-size:1.2em;padding: 13px 0 5px 0; }
.con_all_sel {height: 30px; font-size:1em; width:100%; border: 1px #b2b2b2 solid;}
.con_all_left input {height: 35px; width:100%;  border: 1px #66666 solid;}
.con_all_right h3 {font-weight: 500; font-size:1.2em;padding: 10px 0 8px 0; }
.con_all_right input {height: 100px; width:100%;  border: 1px #66666 solid;}
.send{background-color: #24a6e0; padding: 10px 70px; margin: 20px 0 80px 0; color: #fff; font-size:0.9em;border: 1px #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.send:hover{ background-color: #005fca; font: #24a6e0 ;border: 1px #24a6e0 solid; }
.con_all_send {text-align: center;}



/* footer */
.footer {background-color: #000;  }
.footer_con {padding: 10px 0px; text-align: center;}
.footer_con h3{ color: #fff;font-weight: 200; font-size: 0.9em; line-height: 1.5; }
.footer_con h2{color: #848484; font-weight: 100; font-size: 0.7em; line-height: 1.3; letter-spacing: 1.2px; padding-top: 10px; }

.sendFooter{background-color: #24a6e0; padding: 10px 70px; margin: 20px 0 80px 0; color: #fff; font-size:0.9em;border: 1px #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.sendFooter:hover{ background-color: #005fca; font: #24a6e0 ;border: 1px #24a6e0 solid; }


/* /////////////////////////////////// 약관보기 /////////////////////////////////// */
	.pop-layer .pop-container { padding: 20px 25px;}
			.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;}
			.pop-layer { display: none;  position: absolute;  top: 50%;  left: 50%;  width: 410px; height: auto; background-color: #fff;  z-index: 10;}
			.dim-layer { display: none;  position: fixed; _position: absolute; top: 0;  left: 0;	 width: 100%;  height: 100%; z-index: 100;}
			.dim-layer .dimBg {  position: absolute;  top: 0;  left: 0;  width: 100%; height: 100%;  background: #000;  opacity: .5; filter: alpha(opacity=50);}
			.dim-layer .pop-layer {  display: block;}
			a.btn-layerClose { 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.btn-layerClose:hover { border: 1px solid #091940;  background-color: #2c6f36; color: #fff;}
			.inp_chk {padding: 20px 0 20px 10px;}

			





/* /////////////////////////////////// serciver /////////////////////////////////// */
.service_top {background: url("../img/ser_01_top.jpg")center center no-repeat; width: 100%; height:60px;  background-size: cover; text-align: center;}
.service_top h4 {color: #fff; text-align: center; font-weight: 300; font-size: 1em; padding: 20px 0; line-height: 1.4;}

.service_01 {text-align: center; padding: 20px;}
.service_01 h1 {font-family:  NanumSquare; font-weight: 400; font-size: 1.5em; line-height: 1.5;}
.service_01 h5 {font-weight: 100; font-size: 1em; line-height: 1.2;}
.service_02 {padding: 10px 20px; font-size: 1em; line-height: 1.5; font-weight: 300;}
.int_logo {text-align: center; padding: 50px 0px;}
.int_logo_old {width: 70%;}
.int_logo_new {width: 70%;}
.service_03{padding-bottom: 30px;}

.service_05 {padding: 20px;}
.service_05_01 {padding-bottom: 30px;}
.service_05_01 h3 {font-family:  NanumSquare;  font-weight: 600; font-size: 1.2em;padding-bottom: 10px;}
.service_05_01 h4 {font-weight: 300; font-size: 1em; line-height: 1.3;}

.service_06 {background: url("../img/ser_all.jpg")center center no-repeat; width: 100%;   background-size: cover; text-align: center; }
.service_06_01 {vertical-align: middle;color: #fff; padding: 40px 20px; text-align: center;}
.service_06_01 h2 {font-family:  NanumSquare;  font-weight: 300; font-size: 1.3em;}
.service_06_btn {margin: 10px 0px 0px 0px;; font-size: 1em;  font-weight: 100;  border: 1px #666666 solid; color: #fff; background-color: #fff; border-radius: 50px;  padding: 7px 50px; background: rgba(0,0,0,0.00); }
.service_06_btn:hover{background-color:  #24a6e0; color: #fff; border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}

.service_07 {background: url("../img/ser_basic.jpg")center center no-repeat; width: 100%;   background-size: cover; text-align: center;  }
.service_07_01 {vertical-align: middle;color: #fff; padding: 40px 20px; text-align: center;}
.service_07_01 h2 {font-family:  NanumSquare;  font-weight: 300; font-size: 1.3em;}
.service_07_btn {margin: 10px 0px 0px 0px;; font-size: 1em;  font-weight: 100;  border: 1px #666666 solid; color: #fff; background-color: #fff; border-radius: 50px;  padding: 7px 50px; background: rgba(0,0,0,0.00); }
.service_07_btn:hover{background-color:  #24a6e0;   color: #fff; border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}


.service_08 {background: url("../img/ser_dev.png")center center no-repeat; width: 100%;   background-size: cover; text-align: center;  }
.service_08_01 {vertical-align: middle;color: #fff; padding: 40px 20px; text-align: center;}
.service_08_01 h2 {font-family:  NanumSquare;  font-weight: 300; font-size: 1.3em;}
.service_08_btn {margin: 10px 0px 0px 0px;; font-size: 1em;  font-weight: 100;  border: 1px #666666 solid; color: #fff; background-color: #fff; border-radius: 50px;  padding: 7px 50px; background: rgba(0,0,0,0.00); }
.service_08_btn:hover{background-color:  #24a6e0;   color: #fff; border: 1px  #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}



/* /////////////////////////////////// con_basic /////////////////////////////////// */
.con_basic_top {background: url("../img/con_all_top.jpg")center center no-repeat; width: 100%; height:90px;  background-size: cover; text-align: center;}
.con_basic_top h4 {color: #fff; text-align: center; font-weight: 300; font-size: 1.3em; padding-top: 20px; line-height: 1.4;}
.con_basic_top h5  {color: #fff; text-align: center; font-weight: 100; font-size: 0.9em; line-height: 1.4;}
.top_title {padding: 30px 0; text-align: center;}
.top_title h2 {font-size: 2em; font-weight: 400;}
.top_title h3 {font-size: 1.5em; font-weight: 200; color: #949494;}
.con_basic {padding: 0 20px;}
/* .con_wrap {padding: 5px 10px;} */
@media screen and (max-width:766px) { 
	#formmail-write {padding:0px 15px;} } /* 모바일 버전에서 노출 */



.con_step {font-size: 1.3em; font-weight: 500; color: #31b09d; padding: 5px 0;}
.con_step2 {font-size: 1.2em; font-weight: 500; color: #31b09d; padding: 50px 0 5px 0;}
.con_step_title {font-size: 1.3em; font-weight: 400; padding: 20px 0 5px 0; }
.con_step_sel {font-size: 1.1em; font-weight: 100; line-height: 1.7; }
.con_sel_line {border: 1px #ededed solid; margin: 5px 0;}

input[type="checkbox"] {  /* display:none; */}
input[type="checkbox"] + label {   color:#424242;}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url("../img/check_radio_sheet.png") left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {  background:url("../img/check_radio_sheet.png") -19px top no-repeat;}


input[type="radio"] {margin:7px;}




.etc1 {padding-left: 20px;}
.tb1{height: 25px; width: 80%; vertical-align: middle; border: 1px #606060 solid;}
.tb2{ height: 35px; width: 100%; border: 1px solid #afafaf; }
.tb3{ height: 50px; width: 100%;border: 1px solid #afafaf;border: 1px solid #afafaf; }
.tb4{ height: 300px; width: 100%;border: 1px solid #afafaf;border: 1px solid #afafaf; }

.send2{background-color: #24a6e0; padding: 10px 70px; margin: 20px 0 80px 0; color: #fff; font-size:0.9em;border: 1px #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.send2:hover{ background-color: #005fca; font: #24a6e0 ;border: 1px #24a6e0 solid; }



/* /////////////////////////////////// con_all /////////////////////////////////// */
.con_basic_top2 {background: url("../img/con_all_top.jpg")center top no-repeat; width: 100%; height:90px;  background-size: cover; text-align: center;}
.con_basic_top2 h4 {color: #fff; text-align: center; font-weight: 300; font-size: 1.3em; padding-top: 20px; line-height: 1.4;}
.con_basic_top2 h5  {color: #fff; text-align: center; font-weight: 100; font-size: 0.9em; line-height: 1.4;}


/* /////////////////////////////////// con_ect /////////////////////////////////// */
.con_step3 {font-size: 1.2em; font-weight: 500; color: #31b09d; padding: 30px 0 5px 0;}




/* /////////////////////////////////// ser_all /////////////////////////////////// */
.ser_all {text-align: center; padding: 20px;}
.ser_all_gif {width: 90%; padding-bottom: 30px;}
.ser_all h4 { text-align: left; font-weight: 300; font-size: 1em;line-height: 1.7; letter-spacing: -0.5px;} 
.ser_all_01 {text-align: center;padding: 30px 0 50px 0;}
.ser_all_01 h3 {font-family: NanumSquare; font-size: 1.5em; }
.ser_all_01 h4 {font-size: 1em; color: #666666; font-weight: 200; padding: 10px 0;}

.ser_all2 {text-align: center; padding: 20px;}
.ser_all2 h4 { text-align: left; font-weight: 300; font-size: 1em;line-height: 1.7;} 






/* /////////guide ////////////// */
.guide_rap{padding: 30px 10px 70px 10px;}
.guide_que {text-align: center; font-size: 1.4em; font-weight: 400; padding: 10px; line-height: 1.2;}
.guide_ans{text-align: center;padding: 20px; }

.yes{background-color: #24a6e0; height: 40px; width: 200px; margin: 10px 10px; color: #fff; font-size:0.9em;border: 1px #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.yes:hover{ background-color: #005fca; font: #24a6e0 ;border: 1px #24a6e0 solid; }

.no{background-color: #fff; height: 40px; width: 200px; margin: 10px 10px; color: #24a6e0; font-size:0.9em;border: 1px #24a6e0 solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.no:hover{ background-color: #64B193; color: #fff; border: 1px#64B193 solid; }



/*//////////////////////////good service////////////////////*/
.good_service {padding: 10px 15px 80px 15px;  text-align: center; line-height: 1.2; background-color: #fff;}
.gdSer_box {border: 1px solid #cccccc; background-color: #fff; padding: 20px;}
.good_service h2{font-family:  NanumSquare;  font-size: 1.5em; font-weight: 400; color: #FF4447;}
.good_service h5{font-size: 0.8em; font-weight: 200; color: #FF4447;}
.good_service h3{font-size: 1em; font-weight: 200;}
.good_service h4{font-size: 0.8em; font-weight: 500; color: #005A70;padding-top: 20px;}
.gdSer_gan {padding: 10px 0px;}

.sendgSer{background-color: #FF4447; padding: 10px 50px; margin: 20px 0 20px 0; color: #fff; font-size:0.9em;border: 0px #fff solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.sendgSer:hover{ background-color:#FF999A; font: #24a6e0 ;border: 0px #fff solid; }

.good_service2 {padding: 50px 15px 10px 15px;text-align: center; line-height: 1.2; background-color: #fff;}
.good_service2 h2{font-family:  NanumSquare;  font-size: 1.5em; font-weight: 400; color: #31b09d;}
.good_service2 h5{font-size: 0.8em; font-weight: 200; color: #31b09d;}
.good_service2 h3{font-size: 1em; font-weight: 200;}
.good_service2 h4{font-size: 0.8em; font-weight: 500; color: #005A70;padding-top: 20px;}

.sendgSer2{background-color: #31b09d; padding: 10px 50px; margin: 20px 0 20px 0; color: #fff; font-size:0.9em;border: 0px #fff solid; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.sendgSer2:hover{ background-color:#90FFEE; font: #fff ;border: 0px #90FFEE solid; }



/* 메인 이미지 밀림 수정*/
@media (min-width: 500px) {
	.main_img_01 {width: 60%;}
}





/* table & pc */
@media (min-width: 768px) {
	
/* 공통부분 반복 */	
.m_h {display: block;}
.p_h {display: none;}
.p_left {float: left;}	
.p_right {float: right;}	

	
	
/* /////////////////////////////////// main /////////////////////////////////// */	
	
/* mina_img roll 부분 */	
.main_img br {display: none;}	
.main_img {height:600px;  }
.main_img_01 { width: 400px; height: auto; padding: 100px 0 50px 0;}
.main_img h3 {font-family:  NanumSquare; color: #fff; font-weight: 300; font-size: 1.5em; padding: 20px 0 0 0; line-height: 1.4;}
.main_img h4 {color: #fff; font-weight: 300; font-size: 1.5em; padding: 0 0 30px 0; line-height: 1.4;}
.main_img_btn {padding: 10px 50px;}

	
/* mina_ser 부분 */
.main_ser h2 {padding: 100px 0px 50px 0px; font-size: 1.5em; font-weight: 300; line-height: 1.4;}
.main_ser_img {width:98%; padding-bottom: 50px;}
.main_ser_btn {font-size: 1em;padding: 10px 70px; margin-bottom: 100px; }
.main_cho_img {width: 60px;}
.main_cho h2 {  padding: 30px 0 50px 0; font-size: 1.5em; font-weight: 400; line-height: 1.4;}

.cho_01 {padding: 70px 25px 45px 25px;}	
.cho_01 h3 {font-size: 1.2em; }
.cho_01 h1 {font-size: 1.7em;  padding: 10px 5px 40px 5px;}
.cho_btn_01 {font-size:1em;}
.cho_01 h5 {font-size: 0.9em;}
.cho_01 h4 { font-size: 1.1em;}
.cho_01 h6  {font-size: 1em;  line-height: 1.7;}	
	
.cho_02 {padding: 70px 25px;}	
.cho_02 h3 {font-size: 1.2em; }
.cho_02 h1 {font-size: 1.7em;  padding: 10px 5px 40px 5px;}
.cho_btn_02 {font-size:1em;}
.cho_02 h5 {font-size: 0.9em;}
.cho_02 h4 { font-size: 1.1em;}
.cho_02 h6  {font-size: 1em;  line-height: 1.7;}	
	
.cho_03{padding:70px 25px; }
.cho_03 h3 {font-size: 1.2em;  }
.cho_03 h1 {font-size: 1.7em; padding: 10px 5px 50px 5px;}
.cho_03_cs	{ padding: 100px 0 136px 0;}
	
.cho_btns br {display: none;}	
.cho_btns {padding-top: 20px;}
.cho_btn_05{padding: 10px 165px;}
.cho_btn_06{padding: 10px 165px;}
.cho_btn_04{padding: 10px 40px;}

/* mina_rep 부분 */	
.main_rep{width: 100%; height:400px;}
.main_rep h2 {font-size: 1.5em; padding: 80px 0px 10px 0px; }	
.rep_con {line-height: 1.5; font-weight: 100; font-size: 1em; padding: 20px;}	

/* main con */
.con_all {padding: 20px 0;}
.con_all_left{padding: 20px 10px; box-sizing: border-box;}
.con_all_right{padding: 20px 10px; box-sizing: border-box;}
.con_all_right input {height: 265px; width:100%;  border: 1px #66666 solid;}

	
	
/* footer */
.footer br {display: none;}
.footer_con {padding: 10px 0px; text-align: left; width: 100%;}
.footer_con h3{ font-size: 1em; letter-spacing: 1px; }
.footer_con h2{font-size: 0.9em;letter-spacing: 1.2px; padding-top: 10px; }	

.family_site {position:relative; float: right; top: -140px;}	
.fs {padding: 5px 20px; font-size: 0.8em; border: 0px #fff solid;}	
	
.sendFooter{background-color: #24a6e0; padding: 5px 30px; margin: 5px; color: #fff; font-size:0.8em; }
	
	

/* /////////////////////////////////// serciver /////////////////////////////////// */	
.service_top {height:130px;  }
.service_top h4 {color: #fff; text-align: center; font-weight: 300; font-size: 1.3em; padding: 50px 0; line-height: 1.4;}	
.service_01 {padding-top: 100px;}	
.service_05 {padding-bottom: 100px;}
.int_logo {padding: 100px;}
.int_logo_old {width: 50%;}
.int_logo_new {width: 50%;}
.service_06_01 {padding: 100px 20px;}
.service_06_01 h2 {font-weight: 500; font-size: 1.5em;}
.service_06_btn {margin: 20px 0px 0px 0px;border: 1px #ededed solid; color: #fff; }
.service_07_01 {padding: 100px 20px;}
.service_07_01 h2 {font-weight: 500; font-size: 1.5em;}
.service_07_btn {margin: 20px 0px 0px 0px;border: 1px #ededed solid; color: #fff;}
.service_08_01 {padding: 100px 20px;}
.service_08_01 h2 {font-weight: 500; font-size: 1.5em;}
.service_08_btn {margin: 20px 0px 0px 0px;border: 1px #ededed solid; color: #fff;}
	
	
	
/* /////////////////////////////////// con_basic /////////////////////////////////// */		
.con_basic	{max-width:800px;}
.con_basic_top {width: 100%; height:150px;}
.con_basic_top h4 {color: #fff; text-align: center; font-weight: 300; font-size: 1.5em; padding-top: 45px; line-height: 1.4;}
.con_basic_top h5  {color: #fff; text-align: center; font-weight: 100; font-size: 1.2em; line-height: 1.4;}	
.top_title {padding: 50px 0; }	
	
	
	
/*  /////////////////////////////////// con_all/////////////////////////////////// */		
.con_basic_top2 {width: 100%; height:150px;}
.con_basic_top2 h4 {color: #fff; text-align: center; font-weight: 300; font-size: 1.5em; padding-top: 45px; line-height: 1.4;}
.con_basic_top2 h5  {color: #fff; text-align: center; font-weight: 100; font-size: 1.2em; line-height: 1.4;}		
	
	
	
/* /////////////////////////////////// ser_all /////////////////////////////////// */
/* ser_basic이 기본 */
.ser_all {width: 500px;}
.ser_all_gif {width: 60%; padding-bottom: 50px;}
.ser_all h4 {  font-size: 1.4em;line-height: 1.7; padding-bottom: 30px; letter-spacing: 1px;} 
.ser_all_01 {padding: 50px 0 50px 0;}
.ser_all_01 h3 {font-family: NanumSquare; font-size: 1.7em; }
.ser_all_01 h4 {font-size: 1.3em; color: #666666; font-weight: 200; padding: 20px 0;}

.ser_all2 {width: 800px;}
.ser_all2 h4 {  font-size: 1.4em;line-height: 1.7; padding-bottom: 30px;} 

	
	
/* /////////guide ////////////// */
.guide_rap{padding: 50px 10px 300px 10px;}
.guide_que {text-align: center; font-size: 1.4em; font-weight: 400; padding: 10px; line-height: 1.2;}
.guide_ans{text-align: center;padding: 20px; }
	
	
	
	
	
	
	

}









/* NM_Communisation */
/* 작업을 진행하면서 빠르고 간편하게 하기 위해 정리하는 css */
/* 모바일 기본 */










/* row를 가운데로 정렬하고 싶을때 : 주로 1200안에 콘텐츠가 나와야 할 때, row 윗단에 div로 감싸주면 됨 */
.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.container_02 {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 768px) {
  .container {  width: 750px;  }
}
@media (min-width: 992px) {
  .container {  width: 970px;  }
  .container_02 {  width: 900px;  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}


/* row를 full size로 활용해야 할 때*/
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}



/* containner 추가 속성 제거 */
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: " ";
}

.container:after,
.container-fluid:after {
  clear: both;
}





/* 그리드 row 기본설정 */
.row {
  margin-right: 0px;
  margin-left: 0px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after{
  clear: both;
}





/* col-md : 무조건 모바일 1열 정렬 */
/* 그리드 col 정분할 : 기본 12분할의 col을 'col-md-합치려는 12분할의 갯수' (예: col-md-6 / 12분할의 6이기 때문에 50% , 즉 2단 col)  */
/* 2단 : col-md-6 */
/* 3단 : col-md-4 */
/* 4단 : col-md-3 */

/* pull :  */
/*ofset : 해당 col 빈공간으로 비워두기  */


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  position: relative;
  min-height: 1px;

}
 

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }

}







/*//////////////////게시판 /////////////////////////*/
.form_care_wrap{max-width: 900px; margin: 0 auto;}
.form_care_long_t {font-size:0.8em; font-weight: 300;}
.form_care_list_wrap {max-width: 1200px; margin: 0 auto;}



.main_cap{padding: 0px 10px;}
.main_care_wrap_2 {with: 100%; height: 720px;}
.main_ch_sms {width: 100%; height: 100%;}


@media screen and (max-width:990px) { 
	.tb4{height:80px; } } /* 모바일 버전에서 노출 */


.res_wrap {max-width:1200px; margin:0 auto;}
@media screen and (max-width:768px) { 
	.res_wrap {padding:10px;} }