#container_title-{display:none;position:absolute;z-index:10}

.s_visual{background:url('../images/sub/s3_visual.jpg') no-repeat center /cover}
.sub1 .s_visual{background:url('../images/sub/s1_visual.jpg') no-repeat center /cover}
.sub2 .s_visual{background:url('../images/sub/s2_visual.jpg') no-repeat center /cover}
.sub3 .s_visual{background:url('../images/sub/s3_visual.jpg') no-repeat center /cover}

.sec1,
.sec2,
.sec3,
.sec4,
.sec5{font-weight:300}
.sec1:after,
.sec2:after,
.sec3:after,
.sec4:after,
.sec5:after{display:block;content:'';clear:both}

.center{text-align:center}
.color{color:#0d4a9a}
span.color{font-weight:400}

/*게시판위치체크*/
.board_current{display:none}

/*pc*/
@media all and (min-width:1176px) {	 
    #main{padding-bottom:100px}
    
    
    /*s_visual------------------*/
    .s_visual{position:relative;height:370px}
    .s_visual h2{position:absolute;top:30%;width:100%;text-align:center;font-size:50px;color:#fff}
    
    
    /*s_cate------------------*/
    .s_cate{position:relative;z-index:10;background:#0d4a9a;margin-top:-60px}
    .s_cate .path{float:left;position:relative;height:60px;line-height:60px;width:200px;border-right:1px solid #507ab2;font-size:18px;color:#fff;padding-left:20px;cursor:pointer;background:url('../images/ico_arrow.png') no-repeat calc(100% - 20px) center}
    .s_cate .home{width:70px;background:url('../images/ico_home.png') no-repeat center;border-left:1px solid #507ab2}
    .s_cate .path:nth-child(3){width:380px}
    .s_cate .path:nth-child(4){width:340px}
	.s_cate .path:nth-child(5){width:240px}
	.s_cate .path .current{padding-right:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	.s_cate ul{display:none;position:absolute;left:-1px;width:calc(100% + 2px);top:60px;border-left:1px solid #ddd;background:#fff}
    .s_cate ul.on{display:block}
    .s_cate ul li{border:1px solid #ddd;border-width:0 1px 1px 0}
    .s_cate ul li a{display:block;color:#333;line-height:20px;;padding:10px 0;padding-left:20px;font-size:16px}
    .s_cate ul li.on a{color:#0064b2;text-decoration:underline}   

	/*추가 24-02-27*/
	.s_cate{display:none}

    .s_cate2{position:relative;z-index:10;background:#0d4a9a;margin-top:-60px}
    .s_cate2 .path{float:left;position:relative;height:60px;line-height:60px;width:230px;border-right:1px solid #507ab2;font-size:18px;color:#fff;padding-left:20px;cursor:pointer;background:url('../images/ico_arrow.png') no-repeat calc(100% - 20px) center}
    .s_cate2 .home{width:70px;background:url('../images/ico_home.png') no-repeat center;border-left:1px solid #507ab2}
	
	
	.s_cate2 ul{display:none;position:absolute;left:-1px;width:calc(100% + 2px);top:60px;border-left:1px solid #ddd;background:#fff}
	.s_cate2 .depth1:hover ul{display:inline-block}
	.s_cate2 dl{display:none;min-width:230px}
	.s_cate2 li,
	.s_cate2 dd{position:relative;background:#fff}
	.s_cate2 a{display:block;line-height:1.4;padding:12px 50px 12px 20px;white-space:nowrap}
	.s_cate2 .sub3{min-width:250px}
	.s_cate2 .sub3 a{white-space:wrap;padding-right:20px}
	.s_cate2 .be > a:after{display:block;position:absolute;right:20px;top:20px;width:10px;height:10px;content:'';background:url('../images/ico_arrow_b.png') no-repeat center}

	.s_cate2 ul,
	.s_cate2 dl{border:1px solid #ddd}
	.s_cate2 li,
	.s_cate2 dd{border-bottom:1px solid #ddd;}
	.s_cate2 li:hover > dl,
	.s_cate2 dd:hover > dl	{display:inline-block}
	.s_cate2 li:hover > a,
	.s_cate2 dd:hover > a{color:#0d4a9a;background:#e9edf4}
	.s_cate2 dl{position:absolute;left:100%;top:-1px}


	.s_cate2 .depth2{width:auto;padding-right:50px}
	.s_cate2 .depth2 > ul{width:auto;min-width:230px}
	.s_cate2 .depth2:hover ul{display:block}
	.s_cate2 .depth3{width:auto;padding-right:50px}
	.s_cate2 .depth3 > ul{width:auto;min-width:230px}
	.s_cate2 .depth3:hover ul{display:block}

    /*추가끝*/
    
    .s_content{}   
    
    .p{margin:30px 0}
    
    
    .h3{font-size:38px;text-align:center;margin:100px 0 80px}
    .h3 span{display:block;font-size:22px;font-weight:400}
    .h3:after{display:block;content:'';width:40px;height:2px;background:#222;margin:20px auto}
    
    .h3_tab{font-size:32px;margin:50px 0;color:#0d4a9a;border-bottom:1px solid #eee}
    .h3_tab span{display:inline-block;height:70px;line-height:70px;border-bottom:2px solid #0d4a9a}
    
    .h4{font-size:32px;margin:80px 0 20px}
    .h4:before{display:block;content:'';width:30px;height:3px;background:#222;margin:5px 0}
    
    .h5{font-size:24px;margin:20px 0}
    .h5.dot{padding-left:10px;text-indent:-10px}
    .h5.dot:before{display:inline-block;content:'';width:3px;height:3px;background:#333;margin-right:7px;vertical-align:middle}
    
    .mt30{margin-top:30px !important}
    .mt40{margin-top:40px !important}
    .mt50{margin-top:50px !important}
    .mt60{margin-top:60px !important}
    .mt70{margin-top:70px !important}
    .mt80{margin-top:80px !important}
    .mt100{margin-top:100px !important}
    
    /*s_table------------------*/
    table{width:100%;border-collapse:collapse;}
    
    .s_table{margin:20px 0 30px}
    .s_table table{position:relative;width:100%;border-collapse:collapse;border-left:hidden;border-right:hidden}
    .s_table table:before{display:block;position:absolute;width:100%;content:'';border-top:1px solid #0d4a9a}
    .s_table th,
    .s_table td{border:1px solid #ddd;padding:15px 20px}
    .s_table th{font-size:19px;background:#f5f6f6}
    .s_table th.small{font-size:18px;line-height:1.2}
    .s_table th.small i{font-size:15px;font-weight:300}
    .s_table th.bg{background:#0d4a9a;color:#fff}
    .s_table .add{font-size:15px;margin:10px 0}
    .s_table .s_list{text-align:left}
    
    
    /*s_list------------------*/
    .s_list{margin:10px 0 20px}
    .s_list.p20{padding-left:20px}
    .s_list li{margin:2px 0}
    .s_list.dot > li{padding-left:10px;text-indent:-10px}
    .s_list.dot > li:before{display:inline-block;content:'';width:3px;height:3px;background:#333;margin-right:7px;vertical-align:middle}
    .s_list ul{padding-left:12px}

    
    /*s_img------------------*/
    .s_img{margin:10px 0 20px}
    .s_img:after{display:block;content:'';clear:both}
    .s_img li{float:left;}
    .s_img li .name{display:block;padding:10px 0 ;font-size:20px;text-align:center}
    .s_img.grid2{margin-left:-3%}
    .s_img.grid2 li{width:47%;margin-left:3%}
	/*
	.s_img .more{margin-left:-2%}
	.s_img .more .btn_vs{float:left;width:48%;margin-left:2%}
	*/
	.s_img .more .btn_vs{display:block;margin:5px 0}


		.s_img_flex{display:flex;justify-content:space-between;align-items:center;gap:10px}
    
    /*s_imgText------------------*/
    .s_imgText{position:relative;margin:10px 0 60px}
    .s_imgText:after{display:block;content:'';clear:both}
    .s_imgText .thumb{float:left;width:48%}
    .s_imgText .info{position:absolute;left:52%;width:48%;top:50%;transform:translateY(-50%)}
    
    .s_imgText.reverse .thumb{float:right;}
    .s_imgText.reverse .info{left:0;}
    
    /*s_box*/
    .s_box{border:1px solid #ddd;padding:20px 40px;margin:20px 0 40px;text-align:center}
	.s_box2{border:1px solid #ddd;padding:20px 40px;margin:32px 0 40px 0;text-align:center}
    
    /*비교버튼*/
    .btn_vs{display:inline-block;margin:5px 0 30px;line-height:50px;padding:0 65px 0 15px;font-size:18px;color:#fff;font-weight:400;background:url(../images/sub/blt_arrow.png) no-repeat 95% center #0d4a9a;transition:background 0.3s}
    .btn_vs:hover{background:url(../images/sub/blt_arrow.png) no-repeat 98% center #0d4a9a}
    
    
    
    /*sub1_1---------------------*/
    .sub1_1 .sec1{padding:30px 0;text-align:center;font-size:32px;border-top:1px solid #111;border-bottom:1px solid #eee}
    .sub1_1 .sec2{padding:80px 0}
    .sub1_1 .sec2 .ceo{float:right;font-size:20px;font-weight:400;margin:50px 0 0}
    .sub1_1 .sec2 b{color:#0064b2}
    
    
    /*sub1_2-------------------*/
    .s_history{position:relative;margin:100px 0}
    .s_history .bar{position:absolute;left:50%;top:10px;height:100%;border-left:1px solid #ccc}

    .s_history dl{position:relative;width:50%;padding:0 0 100px} 
    .s_history dl:last-child{padding-bottom:0}
    .s_history dt{font-size:40px;color:#005ca0;margin-top:-25px;padding-bottom:20px}
    .s_history dd{font-size:16px;clear:both;padding:2px 0}
    .s_history dd em{display:inline-block;color:#000;font-size:20px;min-width:60px;}
    .s_history dd ul{margin-top:3px}

    .s_history dl.right{padding-left:50px;text-align:left;left:50%}
    .s_history dl.right dt{position:absolute;width:200px;left:-200px;text-align:right;padding-right:40px}
    .s_history dl.right dt:before{display:block;content:'';position:absolute;right:-7px;top:35px;width:13px;height:13px;border:3px solid #005ca0;background:#fff;border-radius:50%}
    .s_history dl.right dd{padding-left:50px}
    .s_history dl.right dd em{float:left;margin-left:-60px}

    .s_history dl.left{padding-right:50px;text-align:right;left:0}
    .s_history dl.left dt{position:absolute;width:200px;right:-200px;text-align:left;padding-left:40px}
    .s_history dl.left dt:before{display:block;content:'';position:absolute;left:-6px;top:35px;width:13px;height:13px;border:3px solid #005ca0;background:#fff;border-radius:50%}
    .s_history dl.left dd{padding-right:50px}
    .s_history dl.left dd em{float:right;margin-top:-2px;margin-right:-60px}
    
    /*sub1_3-------------------*/
    .sub1_3 h4{font-size:24px;line-height:60px;text-align:center;border-top:1px solid #0d4a9a;border-bottom:1px solid #eee}
    .sub1_3 .list{margin:30px 0;margin-left:-1.66%}
    .sub1_3 .list:after{display:block;content:'';clear:both}
    .sub1_3 .list li{float:left;width:15%;margin:40px 0 40px;margin-left:1.66%;text-align:center}
    .sub1_3 .list li:nth-child(6n+1){clear:both}
    .sub1_3 .list li .thumb{border:1px solid #ddd}
    .sub1_3 .list li .name{display:block;margin:10px 0;font-size:17px}
    
    
    /*sub2_1-------------------*/
    .sub2_1 .sec1 .dl{padding-left:50px}
    .sub2_1 .sec1 .dl dt{position:relative;margin:40px 0 10px;font-size:23px;color:#0d4a9a}
    .sub2_1 .sec1 .dl dt em{position:absolute;left:-50px;top:-10px;font-size:50px;font-weight:700}
    .sub2_1 .diagram{text-align:center;padding:0 10%}
    .sub2_1 .s_youtube{margin:20px 10%}
    .sub2_1 .graph{border-top:2px solid #333;border-bottom:2px solid #333;margin:100px 0}
    
    
    
     /*sub2_2-------------------*/

    
    /*sub3_1-------------------*/
    .s_form{}
    .s_form input[type=text]{width:100%;line-height:50px;border:1px solid #ddd;background:#f5f5f5;text-indent:20px}
    .s_form textarea{width:100%;border:1px solid #ddd;background:#f5f5f5;min-height:200px;padding:20px}
    .s_form input[type=checkbox]{display:inline-block;width:20px;height:20px;border:1px solid #ddd;margin-right:5px;vertical-align:middle;margin-top:-5px}
    .s_form .tab{border-top:1px solid #000;text-align:center;border-bottom:1px solid #ddd;line-height:75px;margin:50px 0}
    .s_form .tab input[type=checkbox]{margin-left:60px}
	.s_form .tab .name{display:inline-block;margin:0 3px}
    .s_form .name{display:block;font-size:20px;line-height:40px}
    .s_form td{padding:10px 0 30px}
    .s_form .grid2 td:nth-child(1){padding-right:2%}
    .s_form .grid2 td:nth-child(2){padding-left:2%}
    .s_form .s_table{margin:0}
    .s_form table:before{display:none}
	.s_form #btn_submit{display:block;border:0;background:#0d4a9a;line-height:50px;padding:0 50px;font-size:20px;color:#fff;margin:60px auto}
    
}

    

/*mobile*/
@media all and (max-width:1175px) {
    #main{padding-bottom:50px}
    
    
    
    .s_visual{position:relative;height:160px}
    .s_visual h2{position:absolute;top:30%;width:100%;text-align:center;font-size:26px;color:#fff}
    
    .s_cate{position:relative;z-index:10;background:#0d4a9a;margin-top:-36px}
    .s_cate .path{float:left;position:relative;height:36px;line-height:36px;width:125px;border-right:1px solid #507ab2;border-bottom:1px solid #507ab2;font-size:12px;color:#fff;padding-left:10px;cursor:pointer;background:url('../images/ico_arrow.png') no-repeat 90% center}
    .s_cate .path .current{padding-right:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	.s_cate .path:nth-child(1){width:40px}
    .s_cate .path:nth-child(2){width:calc(50% - 40px)}
    .s_cate .path:nth-child(3){width:50%}
	.s_cate .path:nth-child(4){width:50%}
	.s_cate .path:nth-child(5){width:50%}
    .s_cate .home{background:url('../images/ico_home.png') no-repeat center /12px;border-left:1px solid #507ab2}
    .s_cate ul{display:none;position:absolute;left:-1px;width:calc(100% + 2px);top:36px;border-left:1px solid #ddd;background:#fff}
    .s_cate ul.on{display:block;z-index:10}
    .s_cate ul li{border:1px solid #ddd;border-width:0 1px 1px 0}
    .s_cate ul li a{display:block;color:#333;line-height:20px;padding:5px 0;padding-left:10px;font-size:12px}
    .s_cate ul li.on a{color:#0064b2;text-decoration:underline}    
    
	/*추가 24-02-27*/
	.s_cate2{display:none}

    .s_content{padding:0 4%}  
    
    .p{margin:15px 0}
    
    .h3{font-size:22px;text-align:center;margin:50px 0 30px}    
    .h3 span{display:block;font-size:12px;font-weight:400}
    .h3:after{display:block;content:'';width:30px;height:1px;background:#222;margin:10px auto} 
    
    .h3_tab{font-size:18px;margin:25px 0;color:#0d4a9a;border-bottom:1px solid #eee}
    .h3_tab span{display:inline-block;height:40px;line-height:40px;border-bottom:2px solid #0d4a9a}
    
    .h4{font-size:18px;margin:30px 0 10px}
    .h4:before{display:block;content:'';width:20px;height:2px;background:#222;margin:3px 0}
    
    .h5{font-size:15px;margin:20px 0 10px}
    .h5.dot{padding-left:6px;text-indent:-6px}
    .h5.dot:before{display:inline-block;content:'';width:2px;height:2px;background:#333;margin-right:5px;vertical-align:middle}
    
    .mt30{margin-top:15px !important}
    .mt40{margin-top:20px !important}
    .mt50{margin-top:25px !important}
    .mt60{margin-top:30px !important}
    .mt70{margin-top:35px !important}
    .mt80{margin-top:40px !important}
    .mt100{margin-top:50px !important}
    
    
    /*s_table------------------*/
    table{width:100%;border-collapse:collapse;}
    
    .s_table{margin:10px 0 15px;overflow:auto}
    .s_table table{position:relative;width:100%;border-collapse:collapse;border-left:hidden;border-right:hidden}
    .s_table table:before{display:block;position:absolute;width:100%;content:'';border-top:1px solid #0d4a9a}
    .s_table th,
    .s_table td{border:1px solid #ddd;padding:8px 4px}
    .s_table th{font-size:13px;background:#f5f6f6}
    .s_table th.small{font-size:11px;line-height:1.2}
    .s_table th.small i{font-size:11px;font-weight:300}
    .s_table th.bg{background:#0d4a9a;color:#fff}
    .s_table .add{font-size:11px;margin:5px 0}
    .s_table .s_list{text-align:left}
    
    
    /*s_list------------------*/
    .s_list{margin:5px 0 10px}
    .s_list.p20{padding-left:10px}
    .s_list li{margin:2px 0}
    .s_list.dot > li{padding-left:6px;text-indent:-6px}
    .s_list.dot > li:before{display:inline-block;content:'';width:2px;height:2px;background:#333;margin-right:5px;vertical-align:middle}
    .s_list ul{padding-left:8px}
    
    
    
    /*s_img------------------*/
    .s_img{margin:5px 0 10px}
    .s_img:after{display:block;content:'';clear:both}
    .s_img li{float:left;}
    .s_img li .name{display:block;padding:8px 0 ;font-size:13px;text-align:center}
    .s_img.grid2{margin-left:-3%}
    .s_img.grid2 li{width:47%;margin-left:3%}
	.s_img .more .btn_vs{display:block;font-size:11px;margin:5px 0}
    
    .s_img_flex{text-align:center}
	.s_img_flex .arrow img{transform:rotate(90deg);width:40px}

    /*s_imgText------------------*/
    .s_imgText{position:relative;margin:10px 0 25px}
    .s_imgText .thumb{margin:10px 0}
    .s_imgText .info{margin:10px 0}
    
    
    /*s_box*/
    .s_box{border:1px solid #ddd;padding:10px 20px;margin:10px 0 20px;text-align:center}
	.s_box2{border:1px solid #ddd;padding:10px 20px;margin:20px 0 20px;text-align:center}
    
    
    /*비교버튼*/
    .btn_vs{display:inline-block;margin:5px 0 20px;line-height:30px;padding:0 45px 0 8px;font-size:13px;color:#fff;font-weight:400;background:url(../images/sub/blt_arrow.png) no-repeat 92% center /24px #0d4a9a;transition:background 0.3s}
    
    
    /*sub1_1---------------------*/
    .sub1_1 .sec1{padding:15px 0;text-align:center;font-size:20px;border-top:1px solid #111;border-bottom:1px solid #eee}
    .sub1_1 .sec2{padding:40px 0}
    .sub1_1 .sec2 .ceo{float:right;font-size:14px;font-weight:400;margin:15px 0 0}
    .sub1_1 .sec2 b{color:#0064b2}
    
    
    /*sub1_2-------------------*/
    .s_history{position:relative;margin:50px 0}
    .s_history .bar{position:absolute;left:5%;top:10px;height:100%;border-left:1px solid #ccc}

    .s_history dl{position:relative;width:90%;padding:0 0 50px;padding-left:40px;text-align:left;left:5%} 
    .s_history dl:last-child{padding-bottom:0}
    .s_history dt{font-size:22px;color:#005ca0;margin-top:-13px;padding-bottom:10px}
    .s_history dt:before{display:block;content:'';position:absolute;left:-4px;top:10px;width:9px;height:9px;border:3px solid #005ca0;background:#fff;border-radius:50%}
    .s_history dd{font-size:12px;clear:both;padding:0 0;padding-left:40px}
    .s_history dd em{display:inline-block;color:#000;font-size:13px;min-width:40px;margin-left:-40px}
	.s_history ul{margin-top:-20px}
    
    
    /*sub1_3-------------------*/
    .sub1_3 h4{font-size:15px;line-height:35px;text-align:center;border-top:1px solid #0d4a9a;border-bottom:1px solid #eee}
    .sub1_3 .list{margin:20px 0;margin-left:-3.33%}
    .sub1_3 .list:after{display:block;content:'';clear:both}
    .sub1_3 .list li{float:left;width:30%;margin:10px 0;margin-left:3.33%;text-align:center}
    .sub1_3 .list li:nth-child(3n+1){clear:both}
    .sub1_3 .list li .thumb{border:1px solid #ddd}
    .sub1_3 .list li .name{display:block;margin:5px 0;font-size:12px}
    
    
    /*sub2_1-------------------*/
    .sub2_1 .sec1 .dl{padding-left:30px}
    .sub2_1 .sec1 .dl dt{position:relative;margin:20px 0 5px;font-size:15px;color:#0d4a9a}
    .sub2_1 .sec1 .dl dt em{position:absolute;left:-30px;top:-10px;font-size:26px;font-weight:700}
    .sub2_1 .diagram{text-align:center;padding:0 10%}
    .sub2_1 .s_youtube{margin:10px 0}
    .sub2_1 .graph{border-top:1px solid #333;border-bottom:1px solid #333;margin:50px 0;text-align:center}
    

    
    
    /*sub3_1-------------------*/
    .s_form{}
    .s_form input[type=text]{width:100%;line-height:30px;border:1px solid #ddd;background:#f5f5f5;text-indent:10px}
    .s_form textarea{width:100%;border:1px solid #ddd;background:#f5f5f5;min-height:100px;padding:10px}
    .s_form input[type=checkbox]{display:inline-block;width:14px;height:14px;border:1px solid #ddd;margin-right:3px;vertical-align:middle;margin-top:-3px}
    .s_form .tab{border-top:1px solid #000;text-align:center;border-bottom:1px solid #ddd;line-height:75px;margin:25px 0}
    .s_form .tab input[type=checkbox]{margin-left:30px}
	.s_form .tab .name{display:inline-block;margin:0 3px}
    .s_form .name{display:block;font-size:14px;line-height:25px}
    .s_form td{padding:5px 0 15px}
    .s_form .grid2 td:nth-child(1){padding-right:2%}
    .s_form .grid2 td:nth-child(2){padding-left:2%}
    .s_form .s_table{margin:0}
    .s_form table:before{display:none}
	.s_form #btn_submit{display:block;border:0;background:#0d4a9a;line-height:35px;padding:0 30px;font-size:14px;color:#fff;margin:30px auto}
}