@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:96%; margin:auto}
.box1{ width:1200px; margin:0 auto; max-width:100%}
.PC{ display:block !important}
.PHONE{ display:none !important}

/*header*/
#header{ position:fixed; z-index:999; left:0; top:0; width:100%; background:rgba(0,0,0,0.5); height:90px;}
.sub #header{background:#263643;}

#header .gnb_wrap{ position:relative; z-index:3; text-align:center; border-bottom:1px solid rgba(255,255,255,0.3);}
#header .gnb_wrap .va_wrap{ height:90px; transition:.2s; transition:0.5;}
#header .gnb_wrap .logo{position:absolute; left:2%; top:0; width:200px; background:url(../images/inc/investmentLogonew.png) no-repeat 0 center ; cursor:pointer;}
#header .gnb_wrap .right_menu{position:absolute; right:2%; top:0;}
#header .gnb_wrap .right_menu ul{overflow:hidden;}
#header .gnb_wrap .right_menu ul li{float:left; margin-left:0.9em;}
#header .gnb_wrap .right_menu ul li .xi{color:#fff; cursor:pointer;}
#header .gnb_wrap .right_menu ul li .xi.side_menu_btn{font-size:2em;}

#header .gnb_wrap .gnb{ display:inline-block; *display:inline; zoom:1;}
#header .gnb_wrap .gnb > li{ position:relative;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 2em; min-width:3em; font-size:1.25em; color:#fff; font-weight:400;}
#header .gnb_wrap .gnb .dp2{  display:none!important; 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:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{color:#dab96b!important}

#header.ani,
#header.white{background:rgba(38,54,67,0.6); height:60px;}
#header.ani .gnb_wrap .logo,
#header.white .gnb_wrap .logo{background:url(../images/inc/investmentLogonew.png) no-repeat 0 center ; background-size:168px;}
#header.ani .gnb_wrap .gnb > li .dp1,
#header.white .gnb_wrap .gnb > li .dp1{}
#header.ani .gnb_wrap .va_wrap,
#header.white .gnb_wrap .va_wrap{height:60px; }
#header.ani .gnb_wrap .right_menu ul li .xi,
#header.white .gnb_wrap .right_menu ul li .xi{}


/*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:.9em 0; border-bottom:2px solid #d9a01c; background:#263643;}
.side_gnb .logo_dv img{width:160px;}
.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{ display:none;}
.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; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; background:#0c5899;  cursor:pointer; color:#fff; transition:0.3s; z-index:11;}
.top_Btn a:hover{transform:translate(0,-10px)}

/*footer*/
/*contents*/
.sub #contents{margin-top:90px;}
#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_visual1.jpg);}
#contents .subVisual.bg_3{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .subVisual.bg_4{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .subVisual.bg_5{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .subVisual.bg_6{ background-image:url(../images/sub/sub_visual1.jpg);}

#contents .subTit_wrap{ position:relative; z-index:2; height:20em;}
#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:1.85em; font-weight:500; margin-left:10em; margin-top:5px;}
#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:0; width:100%; display:none;}
#contents .subGnb_wrap .gnb{ position:relative; z-index:2; text-align:center;}
#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::before{content:''; position:absolute; bottom:-7px; left:50%; margin-left:-6px; width:12px; height:12px; background:#dab96b; transform:rotate(45deg)}
#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:4em 0 8em 0;}
#contents .doc{}
#contents .doc_main{}


/*footer*/
#footer .footer_up{background:#383838}
#footer .footer_up .ul01{float:left;}
#footer .footer_up .ul01 > li{display:inline-block; vertical-align:middle;}
#footer .footer_up .ul01 > li a{color:#fff; font-weight:200; margin-right:2em; position:relative;}
#footer .footer_up .ul01 > li a::before{content:''; position:absolute; left:-1em; top:50%; width:4px; height:4px; border-radius:50%; background:#fff;}
#footer .footer_up .ul01 > li:first-child a::before{display:none;}
#footer .footer_up .ul01 > li.c1 a{color:#dab96b}
#footer .footer_up .va_wrap{height:60px;}

#footer .footer_up .ul02 > li a{color:#ddd; font-size:0.875em; margin-left:15px; position:relative; font-family:ng;}
#footer .footer_up .ul02 > li a::before{content:''; position:absolute; left:-8px; top:10%; height:80%; width:1px; background:rgba(255,255,255,0.2);}
#footer .footer_up .ul02 > li:first-child a::before{display:none;}

#footer .footer_up .ul02{float:right;}
#footer .footer_up .ul02 > li{display:inline-block; vertical-align:middle;}

#footer .info_wrap{background:#2c2c2c; padding:3em 0;}
#footer .info_wrap .box1{position:relative;}
#footer .info_wrap .f_logo{position:absolute; right:0; top:0;}
#footer .info_wrap .info_ul li{color:#fff; display:inline-block; vertical-align:middle; font-size:0.875em; margin-right:20px; margin-bottom:5px; font-family:ng;}
#footer .info_wrap .info_ul li.com{display:block;}
#footer .info_wrap .info_ul li.copy{display:block; font-size:0.75em; color:rgba(255,255,255,0.5); margin-top:10px;}
#footer .info_wrap .info_ul li.copy .admin{display:inline-block; vertical-align:middle; background:#666; padding:4px; color:#fff; border-radius:3px; margin-left:8px; font-size:12px; cursor:pointer;}

/*1_1menu*/
#header.sub1_gnb .gnb .gnb_a{display:block!important;}
#header.sub1_gnb .gnb .gnb_b{display:none!important}

.side_gnb.sub1_gnb .gnb .gnb_a{display:block!important;}
.side_gnb.sub1_gnb .gnb .gnb_b{display:none!important}

#contents.sub1_gnb .gnb .gnb_a{display:inline-block; width:33.33%!important;}
#contents.sub1_gnb .gnb .gnb_b{display:none!important}

/*3_3*/
/* 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;}
.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:36px; margin:0px; line-height:36px;  overflow:hidden; }
.certi_list_wrap ul.certi_list li dl dd p { width:100%;  color:#fff; font-size:14px; font-weight:bold; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-align:center; background:#444; border-radius:0 0 5px 5px; border-top:4px solid #0c5899}
.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 #0c5899; }
.certi_list_wrap ul.certi_list li:hover dl dd { color:#000000; }

/*inc*/
.layer_bg2{ width:100%; height:100%; background:#000; position:fixed; z-index:9999; left:0; top:0; display:none; filter:alpha(opacity=60);opacity:0.6;}


/*4_3*/
.youtube_ul {overflow:hidden; margin-left:-2em; margin-top:2em;}
.youtube_ul > li{float:left; width:50%; margin-bottom:2em;}
.youtube_ul > li .border_dv{position:relative; margin-left:2em; }
.youtube_ul > li .border_dv .icon_dv{}
.youtube_ul > li .border_dv .icon_dv .bg{position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:0.3s;}
.youtube_ul > li .border_dv .icon_dv .xi{position:absolute; left:50%; top:50%; width:50px; height:50px; line-height:50px; margin-top:-25px; margin-left:-25px; text-align:center; border-radius:50%; background:rgba(0,0,0,0.7); color:#fff; font-size:30px; transition:0.3s;}
.youtube_ul > li .border_dv:hover .icon_dv .bg{background:rgba(0,0,0,0);}
.youtube_ul > li .border_dv:hover .icon_dv .xi{background:#0c5899; width:60px; height:60px; line-height:60px; margin-top:-30px; margin-left:-30px; font-size:35px;}

.youtube_ul > li .border_dv .img_dv{float:left; width:50%; position:relative; cursor:pointer;}
.youtube_ul > li .border_dv .img_dv img{width:100%; height:100%;}
.youtube_ul > li .border_dv .txt_dv{float:right; width:48%; text-align:left;}
.youtube_ul > li .border_dv .txt_dv .p1{font-size:1em; line-height:1.4;}
.youtube_ul > li .border_dv .txt_dv .pnovel{margin-bottom:5px; font-style:italic; color:#bbb; font-size:0.813em; letter-spacing:2px;}
.youtube_ul > li .border_dv .txt_dv .date{font-size:.875em; margin-top:10px; color:#666;}


/*SUB PAGE*******************/
/*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;}

/*sub1*/
.sub1 .tit_dv01{text-align:center; margin-bottom:3em;}
.sub1 .tit_dv01 p{position:relative; display:inline-block; font-size:2em; font-family:nanummyeongjo; font-weight:600; letter-spacing:.5px;}
.sub1 .tit_dv01 p::before{content:url(../images/sub/1_1img02.jpg); display:block; margin-bottom:8px;}
.sub1 .dv01{position:relative; padding-top:40px;}
.sub1 .dv01 .img_dv{position:absolute; left:0; top:0; z-index:3;}
.sub1 .dv01 .txt_dv{padding:3em 2em 3em 18%; margin-left:32%; position:relative; z-index:2; background:#f1f1f1;}
.sub1 .dv01 .txt_dv .tit01{font-size:1.75em; font-weight:600; margin-bottom:0.875em;}
.sub1 .dv01 .txt_dv .tit01 .st1{color:#d9a01c; vertical-align:bottom; margin-left:5px;}
.sub1 .dv01 .txt_dv ul li{position:relative;padding-left:200px; font-size:1.066em; margin-bottom:5px; color:#555;}
.sub1 .dv01 .txt_dv ul li span{position:absolute; left:0; top:0; color:#000;}

.sub1 .dv02{margin-top:7em; overflow:hidden;}
.sub1 .dv02 .txt_dv{float:left; width:55%}
.sub1 .dv02 .img_dv{float:right; width:40%;}
.sub1 .dv02 .txt_dv .p1{font-size:1.5em; font-weight:500; line-height:1.4;  margin-top:1em;}
.sub1 .dv02 .txt_dv .p2::before{content:''; display:block; margin:1em 0; width:80px; height:1px; background:#dcb86c;}
.sub1 .dv02 .txt_dv .p2{font-size:1.066em; line-height:1.4; color:#555;}

.sub1 .dv03{margin-top:7em; padding-top:5em; border-top:1px solid #ccc;}


/*sub2*/
.sub2 .dv01{overflow:hidden;}
.sub2 .dv01 .txt_dv{width:45%; float:left;}
.sub2 .dv01 .txt_dv .va_wrap{text-align:right;}
.sub2 .dv01 .txt_dv .p1{font-size:1.75em; font-weight:600; margin-bottom:0.25em; color:#d9a01c;}
.sub2 .dv01 .txt_dv .p1 .st1{color:#000; vertical-align:bottom; margin-left:5px;}
.sub2 .dv01 .txt_dv .p2{font-size:1.5em;}
.sub2 .dv01 .img_dv{width:51%; float:right;}

.sub2 .dv01.dv02{margin-top:4em;}
.sub2 .dv01.dv02 .txt_dv{width:45%; float:right; }
.sub2 .dv01.dv02 .txt_dv .va_wrap{text-align:left;}
.sub2 .dv01.dv02 .txt_dv ul li{position:relative; padding-left:10px; font-size:1.125em; margin-bottom:4px; color:#555;}
.sub2 .dv01.dv02 .txt_dv ul li::before{content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#333;}
.sub2 .dv01.dv02 .img_dv{width:50%; float:left;}

.sub2 .dv03{padding-top:5em; margin-top:5em; border-top:1px dashed #ccc;}
.sub2 .dv03 .img_c_tt{ text-align:center; margin-bottom:5em;}
.sub2 .dv03 .img_c_tt .t1{ font-size:2em; font-family:nanummyeongjo; font-weight:600; position:relative; color:#263643; letter-spacing:.5px;}
/*.sub2 .dv03 .img_c_tt .t1:before{ content:url(../images/sub/1_1img02.jpg); display:block; margin-bottom:8px;}*/
.sub2 .dv03 .img_c_tt .t2 { font-size:1.2em; color:#888; margin-top:8px; letter-spacing:.5px;}
.sub2 .dv03 .img_c_tt .bar_st{ width:55px; height:2px; background:#dab96a; margin:2.25em auto 0;}


/*map*/
.map_info .map_tit{position:relative; text-align:center; font-size:2em; font-weight:600; margin-bottom:2em;}
.map_info .map_tit::before{content:''; position:absolute; bottom:-20px; left:50%; margin-left:-30px; width:30px; height:3px; background:#00568d}
.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:center;}
.map_info .con_box > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px;}
.map_info .con_box > li > *{ vertical-align:middle;}
.map_info .con_box > li .xi{ margin-right:10px; width:40px; line-height:40px; background:#00568d; 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;} 


/*sub5*/
/*.sub5 ul{margin:-55px 0  0 -45px; overflow:hidden;}
.sub5 ul > li{float:left; width:50%;}
.sub5 ul > li .border_dv{margin:55px 0 0 45px; border:1px solid #ccc; background:#f1f1f1; padding:2em 2em 3em; position:relative; border-left:2px solid #333;}
.sub5 ul > li .border_dv .p1{font-size:1.75em; font-weight:500; margin-bottom:0.6em;}
.sub5 ul > li .border_dv ol > li{position:relative; padding-left:10px; margin-bottom:.5em; font-size:1.125em; color:#555;}
.sub5 ul > li .border_dv ol > li::before{content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#48a5f5;}
.sub5 ul > li .border_dv .icon{position:absolute; right:1em; bottom:1em;}

.sub5 ul > li.first_li .border_dv{border:0; background:url(../images/sub/sub5_li_bg.jpg) no-repeat 100% 100%; background-size: cover; text-align:center;}
.sub5 ul > li.first_li .border_dv p{font-weight:600; color:#d9a01c; font-size:2.25em;}
.sub5 ul > li.first_li .border_dv p span{vertical-align:bottom; color:#fff}*/

.sub5 > ul{overflow:hidden; margin-left:-20px}
.sub5 > ul > li{float:left; width:33.33%;}
.sub5 > ul > li .border_dv{margin-left:20px;}
.sub5 > ul > li .border_dv .top_dv01{background:#429ae5; padding:1em 0; text-align:center; margin-bottom:5px;}
.sub5 > ul > li.li02 .border_dv .top_dv01{background:#2478c1}
.sub5 > ul > li.li03 .border_dv .top_dv01{background:#0c5899}
.sub5 > ul > li .border_dv .top_dv01 .count{font-size:2em; color:#fff;}
.sub5 > ul > li .border_dv .top_dv01 .count::after{content:''; width:30px; height:1px; display:block; background:rgba(255,255,255,0.5); margin:10px auto;}
.sub5 > ul > li .border_dv .top_dv01 .p1{ color:#fff;  font-size:1.25em; }
.sub5 > ul > li .border_dv ol{background:#f1f1f1; padding:2em; position:relative;}
.sub5 > ul > li .border_dv ol::before{content:url(../images/sub/sub5_icon04.png); position:absolute; left:0; top:0; opacity:0.7}
.sub5 > ul > li .border_dv ol::after{content:url(../images/sub/sub5_icon05.png); position:absolute; right:0; bottom:0; opacity:0.7}
.sub5 > ul > li .border_dv ol > li{margin-bottom:.7em; position:relative; padding-left:10px; font-size:1.066em; line-height:1.4;}
.sub5 > ul > li .border_dv ol > li::before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#0c5899}

.sub5 .dv01{margin-top:5em;padding-top:4em; border-top:1px dashed #ccc;}

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


/*
.main_slider{position:relative;}
.main_slider .slogan_dv{padding:17em 0 19em; text-align:center;}
.main_slider .slogan_dv .p1{font-size:2em; color:#fff; margin-right:300px; opacity:0; transition:1s; line-height:1.5; font-weight:200;}
.main_slider .slogan_dv .p1 .st1{font-weight:500; vertical-align:top; }
.main_slider .slogan_dv .p1 .st2{font-weight:500; vertical-align:top; background:#013765; padding:2px 10px;}
.main_slider .slogan_dv .p1::after{content:''; display:block; width:35px; height:1px; background:rgba(255,255,255,0.4); margin:15px auto 17px;}
.main_slider .slogan_dv .p2{font-size:1.125em; letter-spacing:4px; color:#fff;margin-left:300px; opacity:0; transition:1s;}

*/

.main_slider{position:relative;}
.main_slider .slogan_dv{padding:14em 0; text-align:center;}
.main_slider .slogan_dv .p1{color:rgba(255,255,255,0.5); font-size:1em; font-weight:200; margin-right:300px; opacity:0; transition:1s;}
.main_slider .slogan_dv .p2{color:#fff; font-size:2em; margin-top:3px; margin-left:300px; opacity:0; transition:1s;}

.main_slider.ani .slogan_dv .p1{margin-right:0; opacity:1;}
.main_slider.ani .slogan_dv .p2{margin-left:0; opacity:1;}

.main_slider .flex-control-paging{position:absolute; bottom:32%; width:100%; text-align:center; z-index:10;}
.main_slider .flex-control-paging > li{ display:inline-block;}
.main_slider .flex-control-paging > li > a{ display:block; width:10px; height:10px; background:#fff; font-size:0; margin:0 10px; position:relative; transition:.3s; border-radius:100%; opacity:.5}
.main_slider .flex-control-paging > li > a.flex-active{ opacity:1}
.main_slider .flex-control-paging > li > a.flex-active:before{ content:""; position:absolute; left:-10px; top:-10px; width:100%; height:100%; border:5px solid #fff; padding:5px; border-radius:100%}

.main_more span{font-size:1.125em; font-weight:500; margin-right:10px;}
.main_more .xi{width:32px; height:32px; line-height:32px; color:#fff; text-align:center; border-radius:50%; background:#0c5899; font-size:0.938em; transition:0.3s; }
.main_more:hover .xi{transform:translate(8px, 0)}

.con1{background:#f1f1f1; padding:4em 0;}
.con1 .con_tit{text-align:center; position:relative; margin-bottom:3em;}
.con1 .con_tit .p1{font-family:"Times New Roman", Times, serif; color:#999; font-style:italic; font-size:1.125em;}
.con1 .con_tit .p2{font-size:1.75em; font-weight:500; color:#000;}
.con1 ul{overflow:hidden; margin-left:-27px;}
.con1 ul > li{width:25%; float:left;}
.con1 ul > li .border_dv{margin-left:27px; text-align:center; }
.con1 ul > li .border_dv .img_dv{border-bottom:5px solid #0c5899}
.con1 ul > li .border_dv .img_dv img{width:100%; height:100%;}
.con1 ul > li .border_dv p{font-size:1.125em; font-weight:500; margin-top:1em;}
.con1 .main_more{position:absolute; right:0; top:15px;}

.con1_1{background:#f1f1f1; padding:4em 0;}
.con1_1 ul{margin-left:-20px; font-size:0;}
.con1_1 ul li{display:inline-block; width:50%;}
.con1_1 ul li .border_dv{margin-left:20px; text-align:center; background:url(../images/main/con1_1img01.jpg) no-repeat 100% 100%; padding:8rem 0; cursor:pointer; transition:0.3s;}
.con1_1 ul li .border_dv2{background:url(../images/main/con1_1img02.jpg) no-repeat 100% 100%; }
.con1_1 ul li .border_dv .p1{font-size:1.125rem; color:rgba(255,255,255,0.6);}
.con1_1 ul li .border_dv .p2{font-size:1.75rem; font-weight:500;color:#fff;}
.con1_1 ul li .border_dv:hover{transform:translate(-8px,-8px); box-shadow:8px 8px 0px rgba(0,0,0,0.2)}

.con2{padding:4em 0;}
.con2 .box1{overflow:hidden;}
.con2 .tit_dv{float:left; width:22%; padding-left:8%}
.con2 .tit_dv .p1{font-size:1.125em; font-family:"Times New Roman", Times, serif; font-style:italic; color:#999;}
.con2 .tit_dv .p2{font-size:2.25em; font-weight:600; color:#000; margin-bottom:10px;}
.con2 .tit_dv .p3{font-size:1em; color:#555;}
.con2 .tit_dv .main_more{margin-top:2em; display:block;}
.con2 .list_dv{float:right; width:65%;}
.con2 .list_dv ul li{display:flex; padding:1.2em 10px; border-top:1px solid #ccc; cursor:pointer; position:relative;}
.con2 .list_dv ul li:last-child{border-bottom:1px solid #ccc;}
.con2 .list_dv ul li .date{position:absolute; left:0; top:25%; text-align:center; background:#0c5899; color:#fff; padding:8px 10px; font-weight:200;}
.con2 .list_dv ul li .tit{padding-left:100px; padding-right:50px; font-size:1.125em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.8;}
.con2 .list_dv ul li .more{position:absolute; right:10px; top:16px; text-align:right; line-height:1.5;}
.con2 .list_dv ul li .more .xi{color:#999; font-size:1.5em; transition:0.3s;}
.con2 .list_dv ul li:hover{background:#f1f1f1;}
.con2 .list_dv ul li:hover .tit{color:#0c5899}
.con2 .list_dv ul li:hover .more .xi{ color:#0c5899}

.con2 .list_dv ul li.no_noti{padding:4em 0;}
.con2 .list_dv ul li.no_noti p{width:100%; text-align:center; color:#777;}

.con3 {overflow:hidden;}
.con3 .img_dv{position:relative; left:50%; margin-left:-1000px; width:2000px;}
.con3 .img_dv .cont_info{position:absolute; left:50%; top:160px; margin-left:50px; width:280px; height:150px; background:#fff; border-radius:10px; padding:25px 30px; box-shadow:1px 1px 7px rgba(0,0,0,0.6);}
.con3 .img_dv .cont_info .p1{position:relative; font-weight:600; font-size:1.5em; margin-bottom:0.8em;}
.con3 .img_dv .cont_info .more_btn{display:block; position:absolute; right:0; top:0; width:32px; height:32px; line-height:32px; color:#fff; text-align:center; border-radius:50%; background:#0c5899; font-size:0.938em; transition:0.3s; transition:0.3s;}
.con3 .img_dv .cont_info .more_btn:hover{transform:translate(8px,0)}

.con3 .img_dv .cont_info ul li{position:relative; padding-left:25px; font-size:16px; margin-bottom:10px; font-weight:300; color:#555;}
.con3 .img_dv .cont_info ul li .xi{position:absolute; left:0; top:-2px; font-size:20px; color:#000;}
.con3 .img_dv .cont_info .re_dv{position:relative;}
.con3 .img_dv .cont_info .re_dv::before{content:url(../images/main/map_arr.png); position:absolute; left:-54px; top:26px;}

#cos_slide {margin-top:-51px; position:relative; z-index:10;}
#cos_slide #client{ background:rgba(12,88,153,0.7); }
#cos_slide #client .owl-item{text-align:center; padding:1em 0; font-weight:500; color:#fff; position:relative}
#cos_slide #client .owl-item::before{content:'';position:absolute; left:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.2);}


/*agree*/
.agree_wrap{}
.agree_wrap .agree{ border:1px solid #ddd; border-top:2px solid #333; padding:3em; font-size:.813em; color:#666; line-height:1.6}
.agree_wrap .agree.H{ border-top-width:1px; height:145px; padding:2em; overflow-y:scroll;}
.agree_wrap .agree p{ padding:.5em 0;}
.agree_wrap .agree strong{ color:#333;}
.agree_wrap .check{ border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; font-size:.813em; padding:10px 2em; font-weight:700; color:#333}
.agree_wrap .check label{ margin-left:2em}

/*이메일무단수집거부*/
.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;}


/*privacy*/
.terms_area{  font-size:.875em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{background:#fff;}
.terms_area .terms_box strong{ color:#111; font-weight:500;}
.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;}