@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); 

body {margin:0;padding:0;font-family:"Noto Sans KR",sans-serif}
img {border:0}
.clr {clear:both;font-size:0}
.full {width:100%}
.hidden {display:none}
a {color:#000;text-decoration:none}
input.input {border:1px solid #ddd;width:90%;padding:8px;font-size:18px}
.btn_send {background:#235094;height:138px;border:1px solid #235094;color:#fff;padding:0 20px;font-size:20px;margin-top:5px}
select.select {-webkit-appearance:none;border-radius:0;display:inline-block;box-shadow:none;border-color:transparent;-webkit-appearance:none; -webkit-border-radius:0;outline-style: none;border:1px solid #ddd;width:90%;padding:8px;font-size:18px;background:#fff url(//chanelimg.bonejo.kr/minisite/1908/btn_sel_arr.png) no-repeat 94% 50%;background-size:10px!important;}

#hp_top {border-bottom:1px solid #ddd;}
#hp_top .in {width:1414px;margin:0 auto;position:relative;}
#hp_top .in .top_left {margin:0;padding:5px 0;list-style:none;}
#hp_top .in .top_left li {display:inline}
#hp_top .in .top_right {position:absolute;right:0;top:0;}
#hp_top .in .top_right {margin:0;list-style:none;}
#hp_top .in .top_right li {font-size:16px;float:left;padding:10px 15px;text-indent:5px}
#hp_top .in .top_right li:nth-child(1) {border-left:1px solid #ddd}

#header {width:1414px;margin:0 auto;position:relative;}
#header .left_slider {position:absolute;left:0;top:10px;width:300px !important;text-align:center}
#header .left_slider img {margin:0 auto}
#header .logo {text-align:center;padding:25px 0}

#gnb {border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:relative;}
#gnb .gnb_in {width:1414px;margin:0 auto}
#gnb .gnb_in ul {list-style:none;margin:0;padding:0;}
#gnb .gnb_in ul li {font-size:16px;float:left;width:12.4%;text-align:center;padding:12px 0;cursor:pointer}
#gnb .gnb_in ul li.blue {background:#235094;color:#fff;border-right:1px solid #5c7db0}
#gnb .gnb_in ul li.blue a {color:#fff}
#gnb .gnb_sub {background:#13356a;width:100%;height:185px;position:absolute;left:0;z-index:9999;display:none;font-size:16px}
#gnb .gnb_sub .gnb_sub_in {width:1414px;margin:0 auto;position:relative;}
#gnb .gnb_sub .gnb_sub_in .imgarea {float:left;}
#gnb .gnb_sub .gnb_sub_in .menuarea {float:left;padding:40px 20px;width:700px}
#gnb .gnb_sub .gnb_sub_in .menuarea ul {margin:0 auto;padding:0;list-style:none}
#gnb .gnb_sub .gnb_sub_in .menuarea ul li {width:170px;float:left;padding:10px 0}
#gnb .gnb_sub .gnb_sub_in .menuarea ul li:before {content:"·";color:#fff;padding-right:10px}
#gnb .gnb_sub .gnb_sub_in .menuarea ul li a {color:#fff;text-decoration:none;cursor:pointer}
.gnb_fix {position:fixed !important;left:0;top:0;width:100%;background:#fff;z-index:9999}
#visual {width:100%;font-size:0}
#visual img {width:100%}

.top_navi {position:absolute;top:500px;left:0;width:100%;}
.top_navi .in ul {list-style:none;width:800px;margin:0 auto;padding:0;font-size:18px;font-weight:300}
.top_navi .in ul li {width:25%;text-align:center;display:inline;padding:10px 30px}
.top_navi .in ul li a {text-decoration:none;color:#333}
.top_navi .in ul li a.active {color:#235094;font-weight:500}
.top_navi .in ul li:after {content:"|";position:relative;left:40px;font-weight:100;color:#ddd}
.top_navi .in ul li:last-child:after {content:""}

.con_body {font-size:0;text-align:center}
.con_body img {max-width:100%;width:100%}
.con_body #bx-thumb {margin-top:5px;width:1440px;margin:0 auto 160px auto;text-align:left;}
.con_body #bx-thumb a {display:inline-block;margin:10px;width:266px;opacity:0.5}
.con_body #bx-thumb a.active {opacity:1}

#quick {width:100px;position:absolute;top:50%;right:20px;z-index:9999; transform: translateY(-50%);}
#quick_bar img {width:100px;cursor:pointer}
.quick_close {position:absolute;right:0;top:-30px;width:25px;height:25px;background:#fff;color:#235094;border-radius:25px;border:1px solid #eee;font-size:25px;line-height:18px;text-align:center;cursor:pointer;}

/** css 수정 08.31 **
#quick_counsel {width:280px;height:230px;border:1px solid #eee;box-shadow:1px 1px 1px #ccc;background:#fff;border-radius:5px;padding:15px;margin-bottom:40px;left:-180px}   **/
#quick_counsel {width:280px;height:auto; /* border: 1px solid #eee; */ box-shadow:1px 1px 1px #ccc;background:#fff;border-radius:10px;/*padding:15px; */margin-bottom:40px;left:-180px}
#quick_counsel {text-align:center}
#quick_counsel img {margin:10px auto}
#quick_counsel table {width:100%}
#quick_counsel table input,#quick_counsel table select {height:23px;font-size:13px;color:#235094;padding:0 2px}
#quick_counsel .btn_send {width:100%;height:28px;font-size:14px}

.slider {width:1440px;margin:0 auto;background:url("../img/content_0604_bg.png") 100px 600px no-repeat;background-size:100%;height:1400px}
.board_container {width:1220px;margin:20px auto;padding-bottom:80px}

.main {margin:0 auto;padding:30px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.main ul {width:1414px;margin:0 auto;padding:0;list-style:none}
.main ul li {float:left}

#sec_part li {float:left;}
#sec_part li a {display:block;position:relative;}
#sec_part:after {display:block;content:'';clear:both}
#sec_part {}
#sec_part li {float:left}
#sec_part li a {display:block;overflow:hidden;}

#sec_part li a img {transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;	
}

#sec_part li a:hover img, #sec_part li a:focus img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);    
}



.subv {position:relative;}
.subv h2 {width:100%;text-align:center;font-size:50px;position:absolute;top:95px;color:#fff;font-weight:700}
.subv h3 {width:100%;text-align:center;font-size:20px;position:absolute;top:90px;color:#333;font-weight:500}
.subv h3 b {color:#26abaf}
.subv h4 {width:100%;text-align:center;font-size:16px;position:absolute;top:185px;color:#333;font-weight:500}

.sub0101 {background:url("../img/sb0101.png") center top no-repeat;height:330px}
.sub0201 {background:url("../img/sb0201.png") center top no-repeat;height:330px}
.sub0301 {background:url("../img/sb0301.png") center top no-repeat;height:330px}
.sub0401 {background:url("../img/sb0401.png") center top no-repeat;height:330px}
.sub0501 {background:url("../img/sb0501.png") center top no-repeat;height:330px}
.sub0601 {background:url("../img/sb0601.png") center top no-repeat;height:330px}
.sub0602 {background:url("../img/sb0602.png") center top no-repeat;height:330px}
.sub0603 {background:url("../img/sb0603.png") center top no-repeat;height:330px}
.sub0604 {background:url("../img/sb0604.png") center top no-repeat;height:330px}
.sub0605 {background:url("../img/sb0605.png") center top no-repeat;height:330px}
.sub_board {background:url("../img/sub_board.png") center top no-repeat;height:330px}
.sub_board2 {background:url("../img/sub_board2.png") center top no-repeat;height:260px}


.snb_wrap {position:absolute;top:260px !important;left:0;top:0;z-index:999;width:100%;}
.snb {width:1000px;margin:5px auto;}
.snb ul {margin:0;padding:0;list-style:none}
.snb ul li {width:20%;text-align:center;cursor:pointer;padding:10px 0;font-size:18px;float:left}
.snb ul li.active a {color:#235094;font-weight:500}



.snb4 {width:1000px;margin:5px auto;}
.snb4 ul li {width:25%}

.snb2 {width:320px;margin:5px auto;}
.snb2 ul li {width:50%}

.snb1 {width:160px;margin:5px auto;}
.snb1 ul li {width:100%}
.contents {text-align:center}
.part {width:1417px;margin:0 auto;padding:0;list-style:none}
.part li {float:left;font-size:0}

.mainpart li img {width:350px;height:350px;border:3px solid #0a0404;margin-left:-3px}

.fcounsel {background:#f4f4f4;width:100%;}
.counselin {width:1414px;margin:0 auto;padding:40px 0}
.counselin .left {width:44%;float:left;font-size:0;}
.counselin .right {width:50%;padding-left:60px;float:right;border-left:1px solid #ccc;height:300px}
.counselin .right h2 {margin-bottom:35px;font-size:30px;font-weight:300;}
.counselin .right h2 b {color:#235094}
.counselin table {width:100%;border-collapse:collapse;}
.counselin table th {font-weight:300;padding:10px;font-size:20px}
.farea {width:100%;overflow:hidden}
.farea .left {width:60%;float:left}
.farea .left img {height:840px}
.farea .right {width:40%;float:right}
.farea .right img {height:840px}
.footer {width:1414px;margin:0 auto;padding:0;list-style:none}
.footer li {width:25%;float:left;text-align:center;padding:10px 0 14px 0}
.fcopy {background:#363636;text-align:center;padding:40px 0}
.fcopy p {padding-top:20px;line-height:25px;font-size:14px;color:#fff}

.td_num2 {min-width:120px;}
.td_name {min-width:150px}
.td_num {min-width:80px}
.td_datetime {min-width:150px}

.co_ok {background:#235094;color:#fff;padding:2px;}
.co_wt {background:#ccc;color:#666;padding:2px;}

/* 240716 전화상담 추가 */
.ai-counsel {
    position: fixed;
    right: calc(20vw/19);
    bottom: calc(24vw/19);
    z-index: 9999;
}
.ai-counsel.pc {
    display: block;
}
.ai-counsel.mo {
    display: none;
}

.ai-counsel ul {
    display: flex;
    gap: calc(10vw/19);
}

@media screen and (max-width: 1100px) {
    .ai-counsel {
        position: fixed;
        right: 50%;
        bottom: calc(40vw/11);
        transform: translateX(50%);
        z-index: 9999;
    }
    .ai-counsel.pc {
        display: none;
    }
    .ai-counsel.mo {
        display: block;
        width: 95%;
    }
    .ai-counsel ul {
        display: flex;
        flex-direction: column;
        gap: calc(10vw/11);
    }
    .ai-counsel ul li img {
        width: 100%;
    }   
}