@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script');


.inner_1280{width:1280px; overflow:hidden; margin:0 auto;}
.over{overflow:hidden;}
.mo{display:none}


/*TAB*/
.pg01 .ss_gnb  a.menu1,
.pg02 .ss_gnb  a.menu2, 
.pg03 .ss_gnb  a.menu3{ border:1px solid #f7a100; background:#f7a100; color:#fff;position: relative;  z-index: 2;}

.ss_gnb {}
.ss_gnb ul { display:table; width:100%;padding:0; cursor:auto !important; padding-left:1px; font-size:0; text-align:center; background:#FFF;}
.ss_gnb ul li { display:table-cell; display:inline-block; position:relative; width:20%; text-align:center; vertical-align:middle; z-index:1; margin:-1px 0 0 -1px;}
.ss_gnb ul.col3 li {width:33.3%;}

.ss_gnb ul li a { display:block; line-height:50px; color:#555; font-size:16px;  border:1px solid #ddd;}
.ss_gnb ul li:hover { position: relative;  z-index: 2;}
.ss_gnb ul li:hover a { border:1px solid #f7a100; color:#f7a100; z-index: 2;}


@media all and (max-width:1100px) {
	.s-inner{font-size:1em}
}
@media all and (max-width:960px) {
	.ss_gnb ul li a{font-size:15px; line-height:45px}
}

@media all and (max-width:640px) {
	.ss_gnb ul li a{font-size:13px; line-height:40px}
}

@media all and (max-width:420px) {
	.ss_gnb ul li a{font-size:12px; line-height:35px}
}

/**/
.cont_tit_wrap{width:100%; overflow:hidden; text-align:center;}
.cont_tit_wrap .sub_con_num {font-weight:700; font-size:50px; color:#DC347C; line-height:normal; font-family:"Roboto";}
.cont_tit_wrap .sub_con_tit {font-weight:700; font-size:32px; color:#222; line-height:normal;}
.cont_tit_wrap .bar {width:55px; height:5px; background:#cccccc; margin:35px auto;}

@media all and (max-width:1100px) {
	.cont_tit_wrap .sub_con_num {font-size:2.4em;}
	.cont_tit_wrap .sub_con_tit {font-size:2.0em; font-weight:400;}
	.cont_tit_wrap .bar {width:50px; height:3px; margin:4% auto;}
}
@media all and (max-width:500px) {
	.cont_tit_wrap .sub_con_num {font-size:2.0em;}
	.cont_tit_wrap .sub_con_tit {font-size:2.0em; font-weight:400; letter-spacing:-.05em;}
	.cont_tit_wrap .bar {width:30px; height:3px; margin:5% auto 8%;}
}


/* sub0101 */
.sub0101{}
.sub0101 .half{width:50%; float:left; overflow:hidden;box-sizing:border-box;}
.sub0101 .half.sub0101_box2 .tit{padding:70px 0; font-size:32px; font-weight:300;}
.sub0101 .half.sub0101_box2 .tit span{border-bottom:1px solid #000;}
.sub0101 .half.sub0101_box2 .con{font-weight:300; line-height: 30px; margin-bottom:40px;}
.sub0101 .half.sub0101_box2 .sign{font-size:40px; color:#666; font-family: 'Nanum Brush Script', cursive; }
.sub0101 .half.sub0101_box2 .sign small{font-size:24px;}

@media all and (max-width:1100px) {
	.sub0101 .half.sub0101_box2{padding-left:40px;}
	.sub0101 .half.sub0101_box2 .tit{font-size:28px;}
}

@media all and (max-width:960px) {
	.sub0101 .half.sub0101_box2 .tit{padding:50px 0; font-size: 26px;}
	.sub0101 .half.sub0101_box2 .con{line-height:28px; margin-bottom:30px;}
	.sub0101 .half.sub0101_box2 .sign{font-size:35px;}
	.sub0101 .half.sub0101_box2 .sign small{font-size:20px;}
}

@media all and (max-width:740px) {
	.sub0101 .half.sub0101_box2{padding-left:40px;}
	.sub0101 .half.sub0101_box2 .tit{font-size:1.8em;}
	.sub0101 .half.sub0101_box2 .con{margin-bottom:20px; word-break:keep-all;}
	.sub0101 .half.sub0101_box2 .con br.pc{display:none;}
}

@media all and (max-width:640px) {
	.sub0101 .sub0101_img{width:100%}
	.sub0101 .half.sub0101_box2{padding-left:25px;}
	.sub0101 .half.sub0101_box2 .tit{padding:20px 0 30px; font-size:1.5em;}
	.sub0101 .half.sub0101_box2 .con{line-height:normal; margin-bottom:15px;}
	.sub0101 .half.sub0101_box2 .sign{font-size:27px;}
	.sub0101 .half.sub0101_box2 .sign small{font-size:16px;}
}

@media all and (max-width:500px) {
	.sub0101 .half{width:96%; margin:0 auto; float:unset; text-align:center;}
	.sub0101 .half.sub0101_box1{height:100%;}
	.sub0101 .sub0101_img{width:100%}
	.sub0101 .half.sub0101_box2{padding-left:0;}
	.sub0101 .half.sub0101_box2 .tit{padding:30px 0 30px;}
	.sub0101 .half.sub0101_box2 .tit br.pc{display:none;}
	.sub0101 .half.sub0101_box2 .con{box-sizing:border-box; padding:0 30px; line-height:normal; margin-bottom:10px;}
	.sub0101 .half.sub0101_box2 .sign{font-size:27px;}
	.sub0101 .half.sub0101_box2 .sign small{font-size:16px;}
}


/* sub0102 */
.sub0102_box_wrap{width:100%; overflow:hidden; text-align:center; border:1px solid #E8E8E8;}
.sub0102_box_wrap>div{width:33.3%; float:left; min-height:310px;}
.sub0102_box_wrap .txt{padding:60px 0 0; }
.sub0102_box_wrap .txt b{display:block; margin:15px 0 10px; font-size:24px; font-weight:500;}
.sub0102_box_wrap .txt span{font-weight:300; color:#666;}
/*
.sub0102_box_wrap .txt1{background-color:#F4DFE8}
.sub0102_box_wrap .txt2{background-color:#EFE3C0}
.sub0102_box_wrap .txt3{background-color:#E4EBC5}
.sub0102_box_wrap .txt4{background-color:#D2E3ED}
*/
.sub0102_box_wrap .center{background:/* #E81D25 */ url(/images/sub/sub0102_img_09_240412.png) no-repeat center center;}
.sub0102_box_wrap .center img{}

@media all and (max-width:1100px) {
	.sub0102_box_wrap>div{min-height:auto; height:300px; overflow:hidden;}
	.sub0102_box_wrap .txt{padding:60px 0 0; }
	.sub0102_box_wrap .txt b{font-size:20px; margin:20px 0 10px;}
}
@media all and (max-width:960px) {
	.sub0102_box_wrap>div{height:250px;}
	.sub0102_box_wrap .txt img{width:75px}
	.sub0102_box_wrap .txt b{font-size:1.4em; margin:15px 0 10px;}
}

@media all and (max-width:740px) {
	.sub0102_box_wrap .txt{padding:50px 5px 0; font-size:0.95em}
	.sub0102_box_wrap .txt img{width:60px}
	.sub0102_box_wrap .txt br{display:none;}
}
@media all and (max-width:640px) {
	.sub0102_box_wrap>div{height:220px;}
	.sub0102_box_wrap .txt{padding:40px 10px 0;}
	.sub0102_box_wrap .txt b{font-size:1.3em;}
	.sub0102_box_wrap .txt img{width:48px}
	.sub0102_box_wrap .txt br{display:none;}
	.sub0102_box_wrap .center{background-size:80% auto;}
}
@media all and (max-width:500px) {
	.sub0102_box_wrap .center{display:none;}
	.sub0102_box_wrap>div{width:50%; height:200px;}
	.sub0102_box_wrap .txt img{width:42px}
	.sub0102_box_wrap>div.img img{height:100%;}
	.sub0102_box_wrap>div.img2,
	.sub0102_box_wrap>div.img4{float:right}
	.sub0102_box_wrap>div.txt1,
	.sub0102_box_wrap>div.txt3{float:right}
}
@media all and (max-width:400px) {
	.sub0102_box_wrap>div{height:160px;}
	.sub0102_box_wrap .txt{padding:30px 5px 0;}
	.sub0102_box_wrap .txt img{width:38px}
}

/* sub0103 */
.sub0103_map_box {}
.sub0103_map_box .root_daum_roughmap .map_border{display:none;}
.sub0103_map_box .root_daum_roughmap .wrap_controllers{display:none;}

.sub0103_box1{width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:35px 0;}
.sub0103_box1 .sub0103_box1_t{font-size:28px; color:#212121; font-weight:300;}
.sub0103_box1 .sub0103_box1_c{font-size:16px; color:#555; font-weight:300; margin-top:5px;}

.sub0103_box2{width:100%; overflow:hidden;}
.sub0103_box2 .sub0103_box2_t{font-size:28px; color:#212121; font-weight:300; margin:30px 0;}
.sub0103_box2 li{float:left; width:50%;}
.sub0103_box2 li .sub0103_box2_c{width:100%; overflow:hidden; margin-bottom:20px;}
.sub0103_box2 li .sub0103_box2_c_t span{display:inline-block; float:left;width:9px; height:9px; border-radius:9px; border:2px solid #e81d25; margin-right:7px; margin-top:9px;}
.sub0103_box2 li .sub0103_box2_c_t{color:#333; font-size:18px; font-weight:300;}
.sub0103_box2 li .sub0103_box2_c_c{margin-top:10px; padding-left:26px; text-indent:-13px; color:#555; font-size:15px; font-weight:300;}

@media all and (max-width:1100px) {
	.sub0103_map_box .root_daum_roughmap_landing{width:100% !important}
	.root_daum_roughmap .wrap_map{height:400px !important;}
	.sub0103_box1{padding:25px 0; }
	.sub0103_box1 .sub0103_box1_t{font-size:1.6em; line-height:1.4em}
	.sub0103_box1 .sub0103_box1_c{margin-top:10px; font-size:1em}
	.sub0103_box2 .sub0103_box2_t{font-size:1.6em; margin:25px 0;}
	.sub0103_box2 li .sub0103_box2_c_c{font-size:1em}
}

@media all and (max-width:640px) {
	.root_daum_roughmap .wrap_map{height:320px !important;}
	.sub0103_box2_ul li{width:100%;}
	.sub0103_box1 .sub0103_box1_t{font-size:1.6em; line-height:1.3em}
	.sub0103_box1 .sub0103_box1_c{margin-top:10px; font-size:1em}
	.sub0103_box2 .sub0103_box2_t{font-size:1.6em; margin:25px 0;}
	.sub0103_box2 li .sub0103_box2_c_c{font-size:1em}
	.sub0103_box2 li .sub0103_box2_c_t{font-size:1.3em}
	.sub0103_box2 li .sub0103_box2_c_t span{margin-top:5px;}
}


/* sub0201 */
.sub02_tit_wrap{width:100%; overflow:hidden;  padding:50px 0;}
.sub02_tit_wrap>div{width:100%}
.sub02_tit_wrap .tit{overflow:hidden; font-weight:300; color:#444; margin-bottom:50px;}
.sub02_tit_wrap .tit b{display:block; font-weight:600; font-size:34px; margin-bottom:20px; color:#000;}
/* .sub02_tit_wrap .img{overflow:hidden; margin-bottom:50px;} */
.sub02_tit_wrap .img{margin-bottom:50px;}
.sub02_tit_wrap .img img{max-width: 100%;}

.sub02_bo_tit{width:100%; overflow:hidden; font-weight:600; font-size:34px; text-align:center; margin:50px auto;}

.advantage {position:relative; width:100%; text-align:left;}
.advantage ul {border-top:1px solid #7f7f7f; box-sizing:border-box;}
.advantage ul li {float:left; padding:12px 10px; box-sizing:border-box; width:50%; font-weight:300; border-bottom:1px dashed #c6c6c6; font-size:16px;}
.advantage ul li b{font-weight:500;}
.advantage ul.w100 li {width:100%;}
.advantage ul li.w100 {width:100%;}
.advantage span.number {float:left; width:24px; height:24px; margin:3px 10px 3px 0; background:#E35D08; font-size:15px; color:#fff; line-height:24px; text-align:center; border-radius:100%;}

@media all and (max-width:1399px) {
	.advantage ul li {width:100%;}
}
@media all and (max-width:1199px) {
	.advantage ul li {font-size:16px; padding:12px 5px;}
	.advantage span.number {width:22px; height:22px; margin:4px 10px 4px; font-size:14px; line-height:22px;}
}
@media all and (max-width:1100px) {
	
}
@media all and (max-width:960px) {
	.sub02_tit_wrap .tit b{font-size:2.0em; margin-bottom:15px;}
	.sub02_bo_tit{font-size:2.0em}

}
@media all and (max-width:860px) {
	.sub02_tit_wrap .tit b{font-size:1.8em; margin-bottom:10px;}
	.sub02_bo_tit{font-size:1.8em}
	.sub02_tit_wrap .tit{margin-bottom:35px;}
	.sub02_tit_wrap .tit br{display:none !important}
	.sub02_tit_wrap .img{margin-bottom:35px;}

}
@media all and (max-width:768px) {
	.advantage ul {margin-left:0;}
	.img750 {width:88% !important}
}
@media all and (max-width:500px) {
	.sub02_tit_wrap{padding:30px 0;}
	.sub02_bo_tit{margin:50px 0 20px;}
	.sub02_tit_wrap .tit{margin-bottom:25px;}
	.sub02_tit_wrap .img{margin-bottom:25px;}
	.advantage ul li {font-size:1.0em; padding:8px 0px; line-height:1.50em}
	.advantage span.number {width:15px; height:15px; margin:2px 5px 0 0; font-size:12px; line-height:15px;}
}



/* sub0301 */
.sub03_step_box_wrap{}
.sub03_step_box{width:32%; overflow:hidden;margin-right:2%; margin-bottom:2%; float:left; position:relative; text-align:center;}
.sub03_step_box .num{position:absolute;  left:50%; margin:-15px  0 0 -15px; width:30px; height:30px; font-family:'Oswald'; color:#FFF; line-height:30px; background:#000;}
.sub03_step_box:hover .num{background:#00A1E9}
.sub03_step_box:hover .con b{color:#00A1E9}
.sub03_step_box .con{width:100%; min-height:120px; overflow:hidden; box-sizing:border-box;  font-weight:300; font-size:0.9em; color:#666; padding:25px 10px 10px; border:1px solid #ddd; border-top:0;}
.sub03_step_box .con b{display:block; margin-bottom:8px; font-weight:500; color:#000; font-size:1.2em;}

.sub03_step_box:nth-of-type(3n){margin-right:0;}


@media all and (max-width:1100px) {
	.sub03_step_box .mg img{width:100%;}
}
@media all and (max-width:740px) {
	.sub03_step_box .con{min-height:100px}
}
@media all and (max-width:500px) {
	.sub03_step_box{width:48%;}
	.sub03_step_box:nth-of-type(3n){margin-right:2%;}
	.sub03_step_box:nth-of-type(2n){margin-right:0;}
	.sub03_step_box .num{width:22px; height:22px; line-height:22px; }
	.sub03_step_box .con{padding:15px 10px 10px }
	.sub03_step_box .con b{margin-bottom:5px}
	.sub03_step_box .con{min-height:72px}
}
@media all and (max-width:400px) {
	.sub03_step_box .con{min-height:65px}
}



#intro1new{background:url('/images/sub/intro1new_bg.webp')no-repeat left bottom/cover;}
#intro1new .s-inner{position: relative; padding: 0 0 160px; }
#intro1new .dlTop{margin-bottom: 30px;}
#intro1new .dlTop dd{margin-bottom: 10px; font-size: 20px; font-weight: 600; color: #000; opacity: .7;}
#intro1new .dlTop dt{font-size: 50px; font-weight: 700;; color: #25B1EE;}
#intro1new h3{margin-bottom:30px; font-size: 20px; font-weight: 500; color: #000; opacity: .7;}
#intro1new h3 b{color: #25B1EE;}
#intro1new p.t1{font-size: 16px; line-height: 180%; color: #444; opacity: .8;}
#intro1new .list{margin-bottom: 40px;}
#intro1new .list > li{position: relative; margin-top: 40px;  padding: 0.75em 1em 0.75em 55px; font-size: 18px; font-weight: 600; color: #166992; border-radius: 60px; background-color: #FAFEFF; border:1px solid #d9ebf0;}
#intro1new .list > li:before{content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);; width: 30px; height: 30px; background:url('/images/sub/intro1new_ico.png')no-repeat center center/contain; }
#intro1new .list > p{padding-left: 55px; margin-top: 1em; line-height: 1.6em; font-size: 16px; color: #166992; opacity: .7;}

#intro1new #introPic{position: absolute; width: 240px; right: 0; top: 0;;}
    #intro1new #introPic img{max-width: 100%;}

@media all and (max-width:1200px) {
    #intro1new .list > p{max-width: 600px;}
}
@media all and (max-width:1024px) {
    #intro1new #introPic{position: static; margin-bottom: 40px;}
}
@media all and (max-width:768px) {
    #intro1new .dlTop{margin-bottom: 20px;}
    #intro1new .dlTop dd{margin-bottom: 5px; font-size: 18px;}
    #intro1new .dlTop dt{font-size: 40px;}
    #intro1new .list > p br{display: none;}
    #intro1new h3{font-size: 18px;}
    #intro1new p.t1{font-size: 15px;}
    #intro1new .list > li{font-size: 17px;}
    #intro1new .list > p{font-size: 15px;}
}
@media all and (max-width:568px) {
    #intro1new .s-inner{padding: 0 0 120px;}
    #intro1new #introPic{width: 100%; text-align: center;}
    #intro1new #introPic img{max-width: 40%;}
}
@media all and (max-width:480px) {
    #intro1new .s-inner{padding: 0 0 70px;}
       #intro1new .dlTop dd{font-size: 17px;}
     #intro1new p.t1:last-child br.br{display: none;}

}