@charset "utf-8";
/* CSS Document */
body{ font-size:16px}

@font-face {
    font-family: 'MapoAgape';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoAgapeA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.box1{ width:1200px; margin:0 auto; max-width:100%}
.box0{ width:100%; margin:auto}
.PC{ display:block !important}
.PHONE{ display:none !important}

/*header*/
#header{ position:fixed; z-index:999; left:0; top:0; width:100%; background:#fff;  border-bottom:1px solid #ccc;} 

#header .gnb_wrap{ position:relative; z-index:3; text-align:right;}
#header .gnb_wrap .va_wrap{ height:80px; transition:.2s; transition:0.5;}
#header .gnb_wrap .logo{position:absolute; left:0; top:0; z-index:10; width:230px; background:url(../images/inc/imaxcare_logo.png) no-repeat 0 center ; cursor:pointer; background-size: 100%;}

#header .gnb_wrap .right_menu{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .gnb_wrap .right_menu ul{overflow:hidden;}
#header .gnb_wrap .right_menu ul li{float:left; margin-left:0.9em; font-size:.75em; color:#999;}
#header .gnb_wrap .right_menu ul li span{cursor:pointer;}
#header .gnb_wrap .right_menu ul li span a{width:42px; height:22px; line-height:22px; background:#000; color:#fff; display:inline-block; font-size:1.125em;}
#header .gnb_wrap .right_menu ul li span a.on{background:#00b0eb;}
#header .gnb_wrap .right_menu ul li .xi{color:#000; cursor:pointer; font-size:3.125em; margin-left:10px; }

#header .gnb_wrap .gnb{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .gnb_wrap .gnb > li{ position:relative;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 1.5em; min-width:3em; font-size:1.25em; font-weight:500; color:#333;}
#header .gnb_wrap .gnb .dp2{  display:none; position:absolute; top:100%; left:50%; right:0; width:190px; margin-left:-95px; padding:0.7rem 0; background:#fff; border:1px solid #ddd; border-top:none; }
#header .gnb_wrap .gnb .dp2 .va_wrap{ height:auto;}
#header .gnb_wrap .gnb .dp2 > li{ display:block;}
#header .gnb_wrap .gnb .dp2 > li.gnb_a{display:none;}
#header .gnb_wrap .gnb .dp2 > li > a{ padding:.5em .3em; font-size:.938em; color:#666;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#000;}
#header .gnb_wrap .gnb .dp3{ display:none;}

#header .gnb_wrap .gnb > li.on .dp1,
#header .gnb_wrap .gnb > li:hover .dp1{color:#00b0eb}

#header.ani,
#header.white{ background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.15);}
#header.ani .gnb_wrap .logo,
#header.white .gnb_wrap .logo{background:url(../images/inc/imaxcare_logo.png) no-repeat 0 center ; background-size: 100%;}
#header.ani .gnb_wrap .va_wrap,
#header.white .gnb_wrap .va_wrap{height:60px; }


/*side_gnb*/
.side_gnb{opacity:0; visibility:hidden; position:fixed; width:100%; height:100%; overflow-y:auto; top:0; right:0; z-index:1001; transition:0.3s;}
.side_gnb::before{content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;}
.side_gnb .in{position:absolute; top:0; right:-300px; width:300px; background:#fff; display:block;  box-shadow:-3px 3px 8px rgba(0,0,0,0.3); transition:0.3s; height:100%;}
.side_gnb .logo_dv{text-align:center; padding:1.5em 0; border-bottom:4px solid #ffd403;}
.side_gnb .logo_dv img{width:180px;}
.side_gnb .tit_dv{background:#333;}
.side_gnb .tit_dv .l_home{float:left; line-height:52px; font-size:21px; color:#fff; padding:0 16px; cursor:pointer;}
.side_gnb .tit_dv .l_home:hover{background:#555;}
.side_gnb .tit_dv .r_close{float:right; line-height:52px; font-size:21px; color:#fff; padding:0 16px; cursor:pointer;}
.side_gnb .tit_dv .r_close:hover{background:#555;}
.side_gnb .tit_dv .p1{float:left;color:#fff;line-height:52px; text-align:center; font-size:1.125em; width:186px;}
.side_gnb .gnb{ padding:0 0 20px; }
.side_gnb .gnb > li{width:100%;}
.side_gnb .gnb > li .dp1{font-size:1.125em; padding:13px 0; border-bottom:1px solid #ccc; background:#fff; color:#222;}
.side_gnb .gnb > li .dp2{}
.side_gnb .gnb > li .dp2 a{background:#f5f5f5; border-bottom:1px solid #ccc; padding:6px 0;}
.side_gnb .gnb > li .dp2 a .vm_tt{font-size:0.875em; color:#777; padding:16px 0;}

.side_gnb .gnb > li:hover .dp1{background:#eee;}
.side_gnb .gnb > li .dp2 a:hover{background:#eee;}
.side_gnb .gnb > li .dp2 a:hover .vm_tt{color:#000;}
.side_gnb .gnb > li .dp2 > li{width:100%!important;}
.side_gnb .gnb > li .dp2 > li.gnb_a{display:none;}

.side_gnb.on{opacity:1; visibility:visible}
.side_gnb.on .in{right:0;}

.top_Btn{display:none;}
.top_Btn a{ position:fixed; bottom:30px; right:30px; z-index:10; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; background:#00b0eb;  cursor:pointer; color:#fff; transition:0.3s;}
.top_Btn a:hover{transform:translate(0,-10px)}


/*footer*/
#footer{position:relative; z-index:1; background:#363636;} 
#footer .f_bottom .box1{position:relative;}
#footer .f_bottom .menu01{font-size:0;}
#footer .f_bottom .menu01 li{position:relative; display:inline-block; *display:inline; zoom:1; margin-right:15px; padding-right:15px; vertical-align:middle;}
#footer .f_bottom .menu01 li a{ font-size:0.9rem; color:#fff; line-height:60px; font-weight:200;}
#footer .f_bottom .menu01 li::before{content:''; position:absolute; right:0; top:26px; width:1px; height:10px; background:rgba(255,255,255,0.2);}
#footer .f_bottom .menu01 li:last-child::before{display:none;}

#footer .f_info{ padding-bottom:2em;}
#footer .f_info .box1{position:relative;}
#footer .f_info .f_logo{position:absolute; right:0; top:0; width: 20%;}

#footer .f_info .f_info_txt{font-size:0; text-align:left;}
#footer .f_info .f_info_txt li{display:inline-block; *display:inline; zoom:1; margin-right:20px; font-size:15px; font-weight:200; color:rgba(255,255,255,0.7); margin-bottom:3px; }
#footer .f_info .f_info_txt li.name{display:block; margin-bottom:15px; color:#fff;}
#footer .f_info .f_info_txt li.copy{display:block; color:rgba(255,255,255,0.4); margin-top:15px; font-size:.875rem;}


/*contents*/
#contents{}
#contents .subTop_wrap{ position:relative; overflow:hidden;}
#contents .subVisual{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.2,1.2); transition:1s;}
#contents .subVisual.bg_1{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .subVisual.bg_2{ background-image:url(../images/sub/sub_visual2.jpg?v=0.4);}
#contents .subVisual.bg_3{ background-image:url(../images/sub/sub_visual3.jpg);}
#contents .subVisual.bg_4{ background-image:url(../images/sub/sub_visual4.jpg);}

#contents .subTit_wrap{ position:relative; z-index:2; height:22em;}

.dp1_4  #contents .subTit_wrap{height:19em;}

#contents .subTit_wrap .tit{ margin-bottom:4em; text-align:center; padding-top:10em;}
#contents .subTit_wrap .tit .tt{ display:block; color:#fff; filter:alpha(opacity=0); opacity:0; transition:1s;  }
#contents .subTit_wrap .tit .t1{ font-size:2.250em; font-weight:600; margin-left:10em;}
#contents .subTit_wrap .tit .t1:after{ content:""; display:block; margin:15px auto; width:50px; height:1px; background:#fff;}
#contents .subTit_wrap .tit .t2{ font-size:1em; letter-spacing:2px; font-family:ng;  margin-right:10em; }
.load #contents .subVisual{ transform:scale(1,1)}
.load #contents .subTit_wrap .tit .t1{ margin-left:0; filter:alpha(opacity=100); opacity:1;}
.load #contents .subTit_wrap .tit .t2{ margin-right:0; filter:alpha(opacity=60); opacity:0.6;}

#contents .subGnb_wrap{ position:absolute; z-index:3; left:0; bottom:10px; width:100%;}
#contents .subGnb_wrap .gnb{ position:relative; z-index:2; text-align:center; max-width:800px; margin:0 auto;}
#contents .subGnb_wrap .gnb > li,
#contents .subGnb_wrap .gnb > li .dp1,
#contents .subGnb_wrap .gnb > li .dp3{ display:none}
#contents .subGnb_wrap .gnb > li.on,
#contents .subGnb_wrap .gnb > li.on .dp2{ display:block}
#contents .subGnb_wrap .gnb > li .dp2 > li > a{ height:3.3em; background:rgba(0,0,0,0.5); border-left:1px solid #777; font-size:1.063em; color:#999; transition:.3s;}
#contents .subGnb_wrap .gnb > li .dp2 > li:first-child > a{ border-left:none;}
#contents .subGnb_wrap .gnb > li .dp2 > li:hover > a{background:rgba(0,0,0,0.7);}
#contents .subGnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff; color:#000;}

#contents .conTit_wrap{ border-bottom:1px solid #ddd; text-align:center; position:relative; background:#fff; transition:.3s; z-index:1; padding:2em 0;}
#contents .conTit_wrap .va_wrap{ height:6em; transition:.3s}
#contents .conTit_wrap .tit{ font-size:2.125em; color:#111; letter-spacing:-1px; font-weight:600;}
#contents .conTit_wrap .pageMove > li > a{ position:absolute; height:100%; color:#666; transition:.3s}
#contents .conTit_wrap .pageMove > li > a .xi{ width:2em; line-height:2em; text-align:center; background:#666; color:#fff; margin:0 .7em; border-radius:100%}
#contents .conTit_wrap .pageMove > li > a .xi:before{ font-size:1.25em;}
#contents .conTit_wrap .pageMove > li > a .tt{ display:inline-block; min-width:6em; font-size:1.125em; letter-spacing:-1px; opacity:.7;}
#contents .conTit_wrap .pageMove > li > a.prev{ left:0; padding-left:2%; text-align:left}
#contents .conTit_wrap .pageMove > li > a.next{ right:0; padding-right:2%; text-align:right}
#contents .conTit_wrap .pageMove > li > a:hover{ opacity:1; color:#272b31}
#contents .conTit_wrap .pageMove > li > a:hover .xi{ background:#272b31}
#contents .conTit_wrap .pageMove > li > a:hover .tt{ opacity:1}
#contents .conTit_wrap .pageMove > li > a.prev:hover{ padding-left:1%; padding-right:1%}
#contents .conTit_wrap .pageMove > li > a.next:hover{ padding-right:1%; padding-left:1%}

#contents .conGnb_wrap{ margin-top:2em; text-align:center;}
#contents .conGnb_wrap .gnb{}
#contents .conGnb_wrap .gnb > li,
#contents .conGnb_wrap .gnb > li .dp1,
#contents .conGnb_wrap .gnb > li .dp2 > li,
#contents .conGnb_wrap .gnb > li .dp2 > li > a{ display:none;}
#contents .conGnb_wrap .gnb > li.on,
#contents .conGnb_wrap .gnb > li.on .dp2 > li.on{ display:block;}
#contents .conGnb_wrap .gnb .dp3{ padding-left:1px;}
#contents .conGnb_wrap .gnb .dp3 > li{ max-width:33.33%; min-width:20%;}
#contents .conGnb_wrap .gnb .dp3 > li .va_wrap{ height:3em; text-align:left;}
#contents .conGnb_wrap .gnb .dp3 > li > a{ position:relative; margin-left:-1px; padding:0 3.5em 0 1.5em; background:#f8f8f8; border:1px solid #ccc; overflow:hidden; font-size:1.063em;}
#contents .conGnb_wrap .gnb .dp3 > li > a:after{ content:"\e907"; font-family:xeicon; position:absolute; right:1.5em; top:.7em; width:1.5em; line-height:1.5em; background:#fff; border:1px solid #ddd; border-radius:100%; color:#00a031; text-align:center; transition:.2s;}
#contents .conGnb_wrap .gnb .dp3 > li:hover > a:after{ right:.5em;}
#contents .conGnb_wrap .gnb .dp3 > li.on > a{ background:#272b31; border-color:#272b31; color:#fff;}
#contents .conGnb_wrap .gnb .dp3 > li.on > a:after{ background:#00a031; border-color:transparent; color:#fff;}

#contents .pageCon_wrap{ padding:3em 0 8em 0;}
#contents .doc{}
#contents .doc_main{}

.dp1_4  #contents .subGnb_wrap{display:none;}
.dp1_4 #contents .conTit_wrap{display:none;}

/*SUB PAGE*******************/
.txt_blue{color:#357d95; vertical-align:baseline;}
.txt_bold{font-weight:bold; vertical-align:baseline;}

/*inc*/
.page_sec { margin-top:4em !important;}
.page_sec1{ margin-top:2em !important;}
.page_sec2{ margin-top:3em !important;}
.page_sec3{ margin-top:5em !important;}

/*1_1*/
.sub1_1 .dv01{overflow:hidden; background:url('../images/sub/1_1_bg01.png') no-repeat right bottom;}
.sub1_1 .dv01 .img_dv{float:left; width:48%; margin-right:2%;}
.sub1_1 .dv01 .txt_dv{float:left; width:50%; padding-top:50px;}
.sub1_1 .dv01 .txt_dv .p1{font-size:1.066em; color:#00b0eb; letter-spacing:4px;}
.sub1_1 .dv01 .txt_dv .p2{font-size:1.5em; font-weight:500; margin-top:5px;}
.sub1_1 .dv01 .txt_dv .p3{font-size:1.125em; line-height:1.5; margin:1.2em 0;}
.sub1_1 .dv01 .txt_dv .p4{margin-top:2em;}
.sub1_1 .dv01 .txt_dv .p4 .st2{font-size:1.25em; margin-left:10px;}

.sub1_1 .dv02{background:url(../images/sub/1_1img02.jpg) no-repeat 100% 100%; background-size:cover; padding:7em 0 5em;}
.sub1_1 .dv02 .ul01{}
.sub1_1 .dv02 .ul01 > li{float:left; width:30%;}
.sub1_1 .dv02 .ul01 > li:first-child{width:40%;}
.sub1_1 .dv02 .ul01 > li dl{padding-left:30px;}
.sub1_1 .dv02 .ul01 > li dl dd{ margin-bottom:.7em; position:relative;}
.sub1_1 .dv02 .ul01 > li dl dd p{font-size:1.5em; font-weight:600; position:relative; z-index:3;}
.sub1_1 .dv02 .ul01 > li dl dd .icon{position:absolute; left:-30px; z-index:2; top:-30px;}
.sub1_1 .dv02 .ul01 > li dl dt{font-size:1em; margin-bottom:10px; position:relative; padding-left:10px;}
.sub1_1 .dv02 .ul01 > li dl dt::before{content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#00b0eb}


/* certificate */
.certi_list_wrap { width:100%; margin:0px; padding:0px; position:relative; overflow:hidden; vertical-align:top; }
.certi_list_wrap ul.certi_list { list-style:none;  padding:0px; position:relative; overflow:hidden; margin-left:-15px;}
.certi_list_wrap ul.certi_list li { float:left; list-style:none; width:25%; margin-bottom:40px; padding:0px; position:relative; vertical-align:top; cursor:pointer; }
.certi_list_wrap ul.certi_list li dl { position:relative; margin-left:15px;}
.certi_list_wrap ul.certi_list li dl dt {border:1px solid #dddddd; background:#ffffff; overflow:hidden;}
.certi_list_wrap ul.certi_list li dl dt img { width:100%; box-sizing:border-box;}
.certi_list_wrap ul.certi_list li dl dd { width:100%; min-height:40px; margin:0px; line-height:40px;  overflow:hidden; }
.certi_list_wrap ul.certi_list li dl dd p { width:100%;  color:#fff; font-size:1em;  text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-align:center; background:#444; border-radius:0 0 5px 5px; border-top:4px solid #ffd602}
.certi_list_wrap2 ul.certi_list li dl dd p{background:#777;}
.certi_list_wrap ul.certi_list li:hover dl dt { border:1px solid #00b0eb; }
.certi_list_wrap ul.certi_list li:hover dl dd { color:#000000; }


/*map*/
.map_info .map_tit{position:relative; text-align:center; font-size:2em; font-weight:500; margin-bottom:2em;}
.map_info .map_tit::before{content:''; position:absolute; bottom:-20px; left:50%; margin-left:-30px; width:30px; height:3px; background:#00b0eb}
.map_info .map_tit::after{content:''; position:absolute; bottom:-20px; right:50%; margin-right:-30px; width:30px; height:3px; background:#000}
.map_info .con_box{ padding:15px 0; background:#fff; border-top:2px solid #333; border-bottom:1px solid #999; text-align:left;}
.map_info .con_box > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; margin:2px 0;}
.map_info .con_box > li > *{ vertical-align:middle;}
.map_info .con_box > li .xi{ margin-right:10px; width:40px; line-height:40px; background:#00b0eb; border-radius:50%; font-size:1.063em; color:#fff; text-align:center;}
.map_info .con_box > li .tt{ font-family:"roB","ngB",sans-serif;}
.root_daum_roughmap{margin-top:2em; width:100%!important; padding:0%!important; border:0!important;} 


/*1_4*/
.agency_dv ul{margin:0 0 -20px -20px;}
.agency_dv ul li{width:50%; float:left;}
.agency_dv ul li .border_dv{position:relative; border:5px solid #d5d5d5; padding:2em; background:#f5f5f5; margin:0 0 20px 20px;}
.agency_dv ul li .border_dv .logo_dv{min-height:56px;}
.agency_dv ul li .border_dv .p1{font-size:1.5em; font-weight:600; margin:15px 0;}
.agency_dv ul li .border_dv .p2{color:#444; margin-bottom:3px;}
.agency_dv ul li .border_dv .p2 span{margin-left:5px;}
.agency_dv ul li .border_dv .btn01{ margin-top:20px;display:inline-block; padding:.4em .8em; background:#333; color:#fff; font-weight:200; font-size:0.813em; border-radius:20px; letter-spacing:0; transition:0.3s;}
.agency_dv ul li .border_dv .btn01:hover{background:#00b0eb;}


/*1_5*/
.sub1_5 .dv03{padding-bottom:2em; box-sizing:border-box;}
.sub1_5 .dv03 .com_sum{margin-bottom:2em;}
.sub1_5 .dv03 .com_sum .com_tit_box{margin-bottom:2em;}
.sub1_5 .dv03 .com_sum .com_tit_box .com_tit{font-size:1.5em;}
.sub1_5 .dv03 .com_sum .com_tit_box .com_tit i{font-size:.875em; margin-right:.5em; margin-top:-4px; color:#00b0eb;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list{display:flex;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li{width:20%; background:#fff; height:240px; border-right:1px solid #ddd; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li:last-of-type{border-right:0;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li > div{width:100%;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li .icon_box{height:60%; line-height:140px;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li .icon_box .com_icon{font-size:3em; color:#76aec1; opacity:.8;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li .txt_box{height:40%;; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li .txt_box .txt_tit{font-size:1.25em; margin-bottom:.5rem; font-weight:bold;}
.sub1_5 .dv03 .com_sum .com_ctt_box .sum_list li .txt_box .txt_ctt{font-size:.938em; color:#333;}

.sub1_5 .dv03 .com_his{margin-bottom:2em; padding-top:2em; background:#f5f5f5; background:url('../images/sub/1_5_bg01.png') no-repeat right bottom;}
.sub1_5 .dv03 .com_his .com_tit_box_2{margin-bottom:2em; width:100%; height:260px; background:url('../images/sub/1_5_his_bg01.jpg') no-repeat center/cover; padding:3em 4em; box-sizing:border-box;}
.sub1_5 .dv03 .com_his .com_tit_box_2 .com_tit_wrap{width:100%; height:100%; border:1px solid #efefef; text-align:center; line-height:164px; position:relative;}
.sub1_5 .dv03 .com_his .com_tit_box_2 .com_tit_wrap:after{content:'History'; display:block; position:absolute; right:0; bottom:-60px; color:#fff; font-family:'MapoAgape'; font-size:3.5em; opacity:.5; transform:skew(-18deg);}
.sub1_5 .dv03 .com_his .com_tit_box_2 .com_tit_wrap .com_tit{font-size:3.5em; color:#efefef; letter-spacing:20px;}
.sub1_5 .dv03 .com_his .com_his_box{padding:2em; box-sizing:border-box;}
.sub1_5 .dv03 .com_his .com_his_box .his_list li{margin-bottom:1.5em; border-bottom:1px solid #ddd;}
.sub1_5 .dv03 .com_his .com_his_box .his_list li:last-of-type{border-bottom:0;}
.sub1_5 .dv03 .com_his .com_his_box .his_list li dl{display:flex; margin-bottom:1em;}
.sub1_5 .dv03 .com_his .com_his_box .his_list li dl .years{width:15%; font-size:2.25em; color:#76aec1; font-family:'MapoAgape';}
.sub1_5 .dv03 .com_his .com_his_box .his_list li dl .his_ctt{line-height:43px; font-size:1.25em; margin-left: 1em;}

.sub1_5 .dv03 .com_prd_type{margin-bottom:2em;}
.sub1_5 .dv03 .com_prd_type .com_tit_box{margin-bottom:2em;}
.sub1_5 .dv03 .com_prd_type .com_tit_box .com_tit{font-size:1.5em;}
.sub1_5 .dv03 .com_prd_type .com_tit_box .com_tit i{font-size:.875em; margin-right:.5em; margin-top:-4px; color:#00b0eb;}
.sub1_5 .dv03 .com_prd_type .com_ctt_box dl{padding:2em; box-sizing:border-box; border-radius:20px; border:1px solid #ccc; background:#f5f5f5;}
.sub1_5 .dv03 .com_prd_type .com_ctt_box dl dt{font-size:1.25em; color:#5e5006; line-height:1.4; margin-bottom:1.5rem;}
.sub1_5 .dv03 .com_prd_type .com_ctt_box dl dd{font-size:1em; padding-left:1em; box-sizing:border-box; position:relative;}
.sub1_5 .dv03 .com_prd_type .com_ctt_box dl dd:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#111; position:absolute; top:8px; left:.5em;}

.sub1_5 .dv03 .com_vision{margin-bottom:2em;}
.sub1_5 .dv03 .com_vision .com_tit_box{margin-bottom:2em;}
.sub1_5 .dv03 .com_vision .com_tit_box .com_tit{font-size:1.5em;}
.sub1_5 .dv03 .com_vision .com_tit_box .com_tit i{font-size:.875em; margin-right:.5em; margin-top:-4px; color:#00b0eb;}
.sub1_5 .dv03 .com_vision .com_ctt_box dl{padding:2em; box-sizing:border-box; border-radius:20px; border:1px solid #ccc; background:#f5f5f5;}
.sub1_5 .dv03 .com_vision .com_ctt_box dl dt{font-size:1.25em; color:#5e5006; line-height:1.4; margin-bottom:1.5rem;}
.sub1_5 .dv03 .com_vision .com_ctt_box dl dd{font-size:1em; padding-left:1em; box-sizing:border-box; position:relative;}
.sub1_5 .dv03 .com_vision .com_ctt_box dl dd:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#111; position:absolute; top:8px; left:.5em;}

.sub1_5 .dv03 .com_ideology{margin-bottom:2em;}
.sub1_5 .dv03 .com_ideology .com_tit_box{margin-bottom:2em;}
.sub1_5 .dv03 .com_ideology .com_tit_box .com_tit{font-size:1.5em;}
.sub1_5 .dv03 .com_ideology .com_tit_box .com_tit i{font-size:.875em; margin-right:.5em; margin-top:-4px; color:#00b0eb;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top{display:flex; justify-content:space-between; width:60%; margin:0 auto;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top li{width:30%; border:10px solid #bc9f26; border-radius:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; box-shadow:2px 2px 10px 2px #666; box-sizing:border-box; height: 30%; aspect-ratio: 1/1;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top li img{margin-bottom:.5em;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top li span:nth-of-type(1){font-size:1.25em;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_top li span:nth-of-type(2){font-size:0.85em; color: #777;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_bot{display:flex; justify-content:space-between; width:60%; margin:80px auto 0;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_bot li{width:30%; border:2px solid #bc9f26; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;  box-sizing:border-box; height:80px; position:relative;}
.sub1_5 .dv03 .com_ideology .com_ctt_box .ideology_bot li:before{content:''; display:block; width:2px; height:60px; background:#357d95; position:absolute; top:-62px;}


/*prod*/
.prod_dv{margin-top:2em;}
.prod_dv ul{margin:0 0 -1em -1em;}
.prod_dv ul  li{width:25%; float:left; }
.prod_dv ul li *{ transition:0.5s;}
.prod_dv ul li .border_dv{margin:0 0 1em 1em; border:1px solid #ccc; cursor:pointer;}
.prod_dv ul li .border_dv .img_dv{overflow:hidden;}
.prod_dv ul li .border_dv .img_dv img{width:100%; height:100%; }
.prod_dv ul li .border_dv .txt_dv{padding:1.3em .2em; border-top:1px solid #ccc; text-align:center;}
.prod_dv ul li .border_dv .txt_dv .prod_name_top{font-size:0.875em; color:#888; font-family:ng;}
.prod_dv ul li .border_dv .txt_dv .prod_name{text-align:center; font-size:1.125; font-weight:600; margin-top:5px;}

.prod_dv ul li .border_dv:hover{}
.prod_dv ul li .border_dv:hover{border-color:#555; transform:translate(-8px,-8px); box-shadow:7px 7px 0 #ccc;}
.main_con2 .prod_dv ul li .border_dv:hover{transform:translate(0,0); box-shadow:none;}


/*prod_view*/
.prod_view_dv{overflow:hidden;}
.prod_view_dv .img_dv{float:left; width:45%; margin-right:5%;}
.prod_view_dv .img_dv img{height:100%;}
.prod_view_dv .img_dv .thumb{overflow:hidden; padding:0 0 1px 1px; margin-top:10px;}
.prod_view_dv .img_dv .thumb > li{float:left; width:20%}
.prod_view_dv .img_dv .thumb > li .border_dv{border:1px solid #ccc; padding:5px; margin:0 0 -1px -1px;}

.prod_view_dv .txt_dv{float:left; width:50%;}
.prod_view_dv .txt_dv .prod_name{font-size:2em; font-weight:600; margin:.2em 0 .5em;}
.prod_view_dv .txt_dv .p1{min-height:100px; background:#f1f1f1; padding:1em; border-radius:10px; font-family:ng;}
.prod_view_dv .txt_dv .dv01{display:flex; border-bottom:1px solid #ccc; font-size:1.125em;}
.prod_view_dv .txt_dv .dv01 .a1{position:relative; display:inline-flex; width:20%; margin-right:5%; padding:15px; font-weight:500;}
.prod_view_dv .txt_dv .dv01 .a1::before{content:''; position:absolute; left:3px; top:24px; width:4px; height:4px; border-radius:50%; background:#00b0eb}
.prod_view_dv .txt_dv .dv01 .a2{display:inline-flex; width:75%; padding:15px; text-align:left;}

.prod_view_dv .txt_dv .inq_dv .tit01{margin-top:3em;}
.prod_view_dv .txt_dv .inq_dv .tit01 .xi{display:inline-block; vertical-align:middle; font-size:1.75em; color:#00b0eb;}
.prod_view_dv .txt_dv .inq_dv .tit01 .st1{display:inline-block; vertical-align:middle; font-size:1.25em; font-weight:500; margin-left:2px;}
.prod_view_dv .txt_dv .inq_dv .tit01 .st2{display:inline-block; vertical-align:middle; font-size:0.875em; margin-left:5px; color:#666; font-family:ng;}
.prod_view_dv .txt_dv .inq_dv ol{ margin-top:15px;}
.prod_view_dv .txt_dv .inq_dv ol li{float:left; width:33.33%; text-align:center; position:relative; line-height:40px;}
.prod_view_dv .txt_dv .inq_dv ol li::before{content:''; width:1px; height:100%; background:#ddd; position:absolute; left:0; top:0;}
.prod_view_dv .txt_dv .inq_dv ol li:first-child::before{display:none;}
.prod_view_dv .txt_dv .inq_dv ol li.tel{font-size:1.5em; font-weight:600;}
.prod_view_dv .txt_dv .inq_dv ol li a{background:#666; color:#fff; padding:.5em 1em .7em; border-radius:5px; transition:0.3s;}
.prod_view_dv .txt_dv .inq_dv ol li a.online_btn{background:#00b0eb;}
.prod_view_dv .txt_dv .inq_dv ol li a span{vertical-align:middle; display:inline-block;}
.prod_view_dv .txt_dv .inq_dv ol li a .xi{vertical-align:middle; display:inline-block; margin-right:3px; margin-top:4px;}
.prod_view_dv .txt_dv .inq_dv ol li a:hover{opacity:.6;}

.prod_detail_dv{margin-top:7em; border-top:2px solid #333; padding:2em 0;}


/*inq*/
.cont_dv{padding:3em; border:1px solid #ccc; border-radius:20px; max-width:1000px; margin:0 auto; box-shadow:2px 1px 6px #ccc;}
.cont_dv .top_tit_dv{margin-bottom:1em; text-align:center;}
.cont_dv .top_tit_dv .p1 span{margin:0 2px; font-size:2em; font-weight:500; }
.cont_dv .top_tit_dv .p2{color:#666; margin:20px 0 30px;}
.cont_dv .top_tit_dv .xi{width:40px; line-height:40px; background:#00b0eb; border-radius:50%; font-size:1.063em; color:#fff; margin:0 auto 5px;}
.table_st{ border-top:2px solid #333; table-layout:fixed; width:100%;}
.table_st th,
.table_st td{ padding:.5em 1em; font-size:0.938em;}
.table_st td{ padding:1em 1em}
.table_st th{ background:#fff; color:#111; border-bottom:1px solid #333}
.table_st td{ background:#fff; color:#666; text-align:center; border-bottom:1px solid #ddd;}
.table_st .ess{ color: #ce0000; float:right; line-height:0.5}
.table_st .ess:before{ content:"\e929"; font-size:1.5em}

.table_st.form th{ text-align:left; border-color:#ddd}
.table_st.form td{ text-align:left}

.table_st.size1 th,
.table_st.size1 td{ height:1em}

.table_st.size2 td{ padding:2em 1em}

.table_st.bg1 th,
.table_st.bg1 td{ background:#f9f9f9}

.table_st.noline{ border-top:none}


/*pri_agree_box*/
.agree_box{ border:1px solid #ddd; background:#fff; border-radius:5px}
.agree_box .con{  padding:2em; font-size:.938em; color:#666}
.agree_box .con.scrollst{ height:20em; overflow-y:scroll;}
.agree_box .con.scrollst.h1{ height:13em}
.agree_box .btn{ border-top:1px solid #ddd; background:#f5f5f5; padding:.5em 2em; text-align:right; font-size:.813em}
.agree_box .btn label{ margin-left:2em}
.agree_box{}

.file_input{ position:relative; padding-right:105px;}
.file_input > *{ height:35px; line-height:33px; box-sizing:border-box; transition:.2s;}
.file_input input{ border:none; background:none; cursor:pointer;}
.file_input .file_inp { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:50;}
.file_input .file_read{ display:inline-block; width:100%; padding:0 15px; color:#222; border:1px solid #ccc; background-color:#f9f9f9; outline:0; vertical-align:top;}
.file_input .file_btn { position:absolute; top:0; right:0; width:95px; text-align:center; border:1px solid #ccc;}
.file_input .file_btn.c1{ background-color:#8f8f8f; border-color:#787878; color:#fff;}
.file_input:hover .file_btn.c1{ background-color:#3e4c57; border-color:#2d3444; color:#fff;}
.file_input:hover .file_read{ border-color:#3e4c57;}




/*privacy*/
.terms_area{ padding:20px; background:#f7f7f7; border-bottom:1px solid #999;  color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em;}
.terms_area .terms_box strong{ color:#111; font-weight:500; vertical-align:bottom;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}


/*이메일무단수집거부*/
.page_email{ letter-spacing:-1px;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}



/*MAIN STYLE*******************************/
/**/

.main_visual{ position:relative}
.main_visual .slides{ overflow:hidden}
.main_visual .slide_img{ background-position:center top; background-repeat:no-repeat; background-size: cover; height:640px;}

.main_visual .slogan_wrap{ position: absolute; left:60px; top:50%; width:100%; padding-top:5%; transform: translateY(-50%);}
.main_visual .slogan{ width:65%; margin:auto; position:relative; padding:70px}
.main_visual .slogan .t1{ font-size:20px; font-family:notokrL; color:#000; opacity:0; margin-left:-10%; }
.main_visual .slogan .t1 .st1{color:#91c648;}
.main_visual .slogan .t2{ font-family:notokrB, sans-serif; font-size:40px; color:#000; line-height:1.5; opacity:0; margin-left:-10%}
.main_visual .slogan .t3{font-family:ng; font-size:16px; color:#444; line-height:1.5;  opacity:0; margin-left:-10%;  margin-top:10px;}
.main_visual .slogan .line{ position:absolute; background:#ffd602; width:10px; height:10px}
.main_visual .slogan .line.line1{ height:0; left:10%; bottom:85%}
.main_visual .slogan .line.line2{ width:0; right:90%; top:0}
.main_visual .slogan .line.line3{ height:0; left:0; top:0}
.main_visual .slogan .line.line4{ width:0; left:0; bottom:0}
.main_visual .slogan .line.line5{ height:0; left:20%; bottom:0}
.main_visual .flex-active-slide .slogan .line{ transition:.5s}
.main_visual .flex-active-slide .slogan .line.line1{ height:15%}
.main_visual .flex-active-slide .slogan .line.line2{ width:10%; transition-delay:.5s}
.main_visual .flex-active-slide .slogan .line.line3{ height:100%; transition-delay:1s}
.main_visual .flex-active-slide .slogan .line.line4{ width:20%; transition-delay:1.5s}
.main_visual .flex-active-slide .slogan .line.line5{ height:10%; transition-delay:2s}
.main_visual .flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.main_visual .flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:.5s}
.main_visual .flex-active-slide .slogan .t2 span.st1{vertical-align:baseline; }
.main_visual .flex-active-slide .slogan .t3{ opacity:1; margin-left:0; transition:1s; transition-delay:1s}

.main_visual .flex-control-paging{position:absolute; bottom:3%; left:0; width:100%; text-align:center;  z-index:100}
.main_visual .flex-control-paging > li{ display:inline-block; *display:inline; zoom:1;}
.main_visual .flex-control-paging > li > a{ display:block; width:12px; height:12px; border-radius:12px; margin:0 4px; font-size:0; position:relative; border:1px solid #fff; transition:.5s}
.main_visual .flex-control-paging > li > a.flex-active{ width:70px; background:#fff}

.main_visual .flex-direction-nav li a{ position:absolute; z-index:100; top:50%; width:110px; height:30px; margin-top:-15px; background-image:url(visual_btn.png); background-repeat:no-repeat; opacity:.7}
.main_visual .flex-direction-nav li a.flex-prev{ left:1.5em}
.main_visual .flex-direction-nav li a.flex-next{ right:1.5em;  background-position:-110px 0}
.main_visual .flex-direction-nav li a:hover{ opacity:1}

.main_visual_wrap{ position:relative}
.main_visual_wrap .scrollAni{ position:absolute; width:100%; left:0; bottom:50px; z-index:100; text-align:center}

.main_tit01{margin-bottom:2.5em; text-align:center;}
.main_tit01 .p1{font-size:1.5em; font-weight:600;}
.main_tit01 .p1::after{content:''; background:#00b0eb; width:10px; height:10px; margin:10px auto; display:block; transform:rotate(45deg);}
.main_tit01 .p2{font-size:1.125em; color:#666;}

.main_con1{padding:3em 0 5em; background:url(../images/main/main_con1_bg.jpg) no-repeat 100% 100%; background-size:cover; text-align:center;}
.main_con1 ul{overflow:hidden; margin-left:-20px;}
.main_con1 ul > li{float:left; width:33.33%;}
.main_con1 ul > li .border_dv{margin-left:20px; background:#666; position:relative; color:#fff; cursor:pointer;}
.main_con1 ul > li .border_dv .black_bg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:0.5s;}
.main_con1 ul > li:nth-child(1) .border_dv{background:url(../images/main/con1_img01.jpg) no-repeat 100% 100%; background-size:cover;}
.main_con1 ul > li:nth-child(2) .border_dv{background:url(../images/main/con1_img02.jpg) no-repeat 100% 100%; background-size:cover;}
.main_con1 ul > li:nth-child(3) .border_dv{background:url(../images/main/con1_img03.jpg) no-repeat 100% 100%; background-size:cover;}
.main_con1 ul > li .border_dv .p1{font-size:1.33em; font-weight:500;}
.main_con1 ul > li .border_dv .p2{font-size:1em; font-weight:200; color:rgba(255,255,255,0.7);}
.main_con1 ul > li .border_dv:hover .black_bg{background:rgba(0,0,0,0.3);}

.main_con2{padding:3em 0 5em;}
.con2_slider{position:relative;}
.con2_slider .arr_dv ul{}
.con2_slider .arr_dv li{position:absolute; top:50%; z-index:10; width:60px; height:60px; line-height:50px; margin-top:-30px; text-align:center; border:1px solid #ccc; border-radius:50%; color:#00b0eb; cursor:pointer; font-size:1.43em;}
.con2_slider .arr_dv .flex-prev{left:-90px; transform:rotate(270deg); transition:0.3s;}
.con2_slider .arr_dv .flex-prev:hover{left:-100px;}
.con2_slider .arr_dv .flex-next{right:-90px; transform:rotate(90deg); transition:0.3s;}
.con2_slider .arr_dv .flex-next:hover{right:-100px;}


.main_con3 {background:url(../images/main/main_con3_bg.jpg) no-repeat 100% 100%; background-size: cover; padding:3em 0;}
.main_con3 .box1{overflow:hidden;}
.main_con3 .l_dv{float:left; width:50%;}
.main_con3 .r_dv{float:right; width:50%;}

.main_con3 .l_dv .pd_dv{padding:4em 5em 2em ;}
.main_con3 .l_dv .p1{font-family:"Times New Roman", Times, serif; color:#999; font-style:italic; font-size:1.125em;}
.main_con3 .l_dv .p2{font-size:2em; font-weight:600; margin-top:5px;}
.main_con3 .l_dv .p3{font-size:1.125em; font-weight:400; margin-top:1em; line-height:1.4;}
.main_con3 .l_dv .more_btn{display:inline-block; border:1px solid #555; padding:.8em 1.2em;;  margin-top:3em;transition:0.3s;}
.main_con3 .l_dv .more_btn .xi{margin-left:20px; font-size:0.875em; transition:0.3s;}
.main_con3 .l_dv .more_btn:hover{background:#555; color:#fff;}
.main_con3 .l_dv .more_btn:hover .xi{transform:translate(10px, 0)}

.main_con3 .r_dv .img_dv{position:relative; border:15px solid rgba(255,255,255,0.3); cursor:pointer;}
.main_con3 .r_dv .img_dv img{height:100%;}
.main_con3 .r_dv .img_dv .black_bg{ position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:0.3s;}
.main_con3 .r_dv .img_dv .play_btn{position:absolute; top:50%; left:50%; z-index:3;  margin-top:-43px; margin-left:-43px; transition:0.3s;}
.main_con3 .r_dv .img_dv:hover .play_btn{transform:rotateY(360deg)}
.main_con3 .r_dv .img_dv:hover .black_bg{ background:rgba(0,0,0,0.2);}

.main_con4{padding:3em 0 5em;}
.main_con4 .over_dv{overflow:hidden;}
.main_con4 .over_dv .noti_dv{float:left; width:49%;}
.main_con4 .over_dv .inq_dv{float:right; width:49%;}

.main_con4 .over_dv .noti_dv .tab_idx{overflow:hidden; position:relative; z-index:6;}
.main_con4 .over_dv .noti_dv .tab_idx > li{float:left; width:33.33%; text-align:center;}
.main_con4 .over_dv .noti_dv .tab_idx > li p{font-size:1.125em; font-weight:600; border:1px solid #ccc; padding:1em 0; background:#f1f1f1; cursor:pointer;}
.main_con4 .over_dv .noti_dv .tab_idx > li.on p{background:#fff; position:relative; border-bottom:1px solid #fff;}
.main_con4 .over_dv .noti_dv .tab_idx > li.on p::before{content:''; position:absolute; top:0; left:0; width:100%; height:5px; background:#ffd505;}
.main_con4 .over_dv .noti_dv .tab_idx > li:first-child p{border-right:0;}

.main_con4 .over_dv .noti_dv .con_idx{border:1px solid #ccc; position:relative; z-index:5; margin-top:-1px; padding:1.5em 1.5em 3em; height:228px;}
.main_con4 .over_dv .noti_dv .con_idx .dv01{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.main_con4 .over_dv .noti_dv .con_idx .dv01 .p_tit{position:relative; font-size:1.125em; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:100px;}
.main_con4 .over_dv .noti_dv .con_idx .dv01 .p_tit .more{position:absolute; right:0; top:0; color:#666; font-size:.75em;}
.main_con4 .over_dv .noti_dv .con_idx .dv01 .p_txt{font-size:1em; color:#777; margin-top:.5em;}
.main_con4 .over_dv .noti_dv .con_idx .dv01 .p_date{margin-top:.8em; color:#666;}
.main_con4 .over_dv .noti_dv .con_idx .dv01 .p_date span{margin-left:5px;}
.main_con4 .over_dv .noti_dv .con_idx .dv02 ul li{padding-right:100px; padding-left:10px; position:relative; margin-bottom:4px;}
.main_con4 .over_dv .noti_dv .con_idx .dv02 ul li::before{content:''; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:50%; background:#333;}
.main_con4 .over_dv .noti_dv .con_idx .dv02 ul li .date{position:absolute; right:0; top:0;  color:#666;}
.main_con4 .over_dv .noti_dv .con_idx .dv02 ul li p{ color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.main_con4 .over_dv .inq_dv .pd_dv{background:#f1f1f1; border:1px solid #ccc; padding:1em 1.5em; position:relative; height:326px}
.main_con4 .over_dv .inq_dv .pd_dv .tit01{font-weight:500; margin-bottom:.5em; font-size:1.125em;}
.main_con4 .over_dv .inq_dv .pd_dv .label01{display:block; width:100%; position:relative; margin-bottom:5px;}
.main_con4 .over_dv .inq_dv .pd_dv .label01 .input01{display:block; background:#fff; position:relative; padding:.5em .3em .5em 40px;  border:0; box-sizing:border-box; width:100%;}
.main_con4 .over_dv .inq_dv .pd_dv .label01 .xi{color:#999; position:absolute; left:10px; top:8px; z-index:3;}
.main_con4 .over_dv .inq_dv .pd_dv .label01 textarea{height:150px;}
.main_con4 .over_dv .inq_dv .pd_dv .btn01{background:#00b0eb; text-align:center; color:#fff; font-size:1.25em; font-weight:500; border:0; width:100%; padding:10px 0;}
.main_con4 .over_dv .inq_dv .pd_dv .btn01 span{margin-left:3px;}
.main_con4 .over_dv .inq_dv .pd_dv .pri_click{position:absolute; right:20px; top:10px; font-size:.813em; color:#666;}
.main_con4 .over_dv .inq_dv .pd_dv .pri_click .pri_view{font-size:22px; margin-right:0px; cursor:pointer;}