@charset "utf-8";

@font-face{
	font-family:NSR;
	src:url("../fonts/NanumSquareR.eot");
	src:local("※"), url("../fonts/NanumSquareR.woff") format("woff"), url("../fonts/NanumSquareR.ttf") format("truetype")
}

@font-face{
	font-family:NSB;
	src:url("../fonts/NanumSquareB.eot");
	src:local("※"), url("../fonts/NanumSquareB.woff") format("woff"), url("../fonts/NanumSquareB.ttf") format("truetype")
}

@font-face{
	font-family:NSEB;
	src:url("../fonts/NanumSquareEB.eot");
	src:local("※"), url("../fonts/NanumSquareEB.woff") format("woff"), url("../fonts/NanumSquareEB.ttf") format("truetype")
}

@font-face{
	font-family:GSL;
	src:url("../fonts/GmarketSansTTFLight.eot");
	src:local("※"), url("../fonts/GmarketSansTTFLight.woff") format("woff"), url("../fonts/GmarketSansTTFLight.ttf") format("truetype")
}

@font-face{
	font-family:GSM;
	src:url("../fonts/GmarketSansTTFMedium.eot");
	src:local("※"), url("../fonts/GmarketSansTTFMedium.woff") format("woff"), url("../fonts/GmarketSansTTFMedium.ttf") format("truetype")
}

@font-face{
	font-family:GSB;
	src:url("../fonts/GmarketSansTTFBold.eot");
	src:local("※"), url("../fonts/GmarketSansTTFBold.woff") format("woff"), url("../fonts/GmarketSansTTFBold.ttf") format("truetype")
}

body {font-size:18px;font-family:'Noto Sans KR', NSR, NSB, sans-serif;color:#282828}
body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;font-family:inherit}
ul{list-style:none}
a:not(.write_area a){text-decoration:none}
a:link:not(.write_area a), a:visited:not(.write_area a), a:hover:not(.write_area a), a:active:not(.write_area a){color:inherit;text-decoration:none}
button{border:0px;background:none;cursor:pointer;font-family:inherit}
img{border:0px;vertical-align:top}
address{font-style:normal}
header, nav, section, article, footer{display:block}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
table{border-spacing:0px;border-collapse:collapse}
em{font-style:italic}
fieldset{border:0}
select::-ms-expand {display:none}
input::placeholder{
    font-size: 13px;
	color: #ccc;
}
.clear:after{display:block;content:"";clear:both}
.area{font-size: 14px; width:1280px;margin:0 auto}
.area2{width:1780px;margin:0 auto}


#header{width:100%;height:109px;border-bottom:1px solid #e0e0e0}
#header .area2{position:relative;height:100%}
#header .area2 .top{padding-top:12px}
#header .area2 .top ul{float:right;}
#header .area2 .top ul li{float:left;padding-left:16px;margin-left:14px;background:url("../images/main/cam_hd_util_bar.jpg") no-repeat left 8px}
#header .area2 .top ul li:first-child{padding-left:0;margin-left:0;background:none}
#header .area2 .top ul li a{color:#8e8e8e; font-size: 18px;}
#header .area2 .logo{position:absolute;top:52px;left:0;}
#header .area2 .logo a{display:block;width:100%;height:100%}
#header .area2 #gnb{position:absolute;bottom:0;right: 45px; z-index:2;height:80px;line-height:80px}
#header .area2 #gnb > ul{height:100%}
#header .area2 #gnb > ul > li{position:relative;display:inline-block;margin-left:48px;height:100%}
#header .area2 #gnb > ul > li:first-child{margin-left:0}
#header .area2 #gnb > ul > li > a{font-size:20px;font-weight:700;height:100%}
#header .area2 #gnb > ul > li > ul{display:none;position:absolute;top:80px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background:#fff;border:1px solid #d2d2d2;border-top:2px solid #0c0f81;z-index:2;padding:11px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header .area2 #gnb > ul > li.gnb1 > ul{width:164px}
#header .area2 #gnb > ul > li.gnb2 > ul{width:150px}
#header .area2 #gnb > ul > li.gnb3 > ul{width:160px}
#header .area2 #gnb > ul > li.gnb4 > ul{width:131px}
#header .area2 #gnb > ul > li > ul li a{display:block;font-size:16px;color:#807f7f;line-height:1;padding:8px 0;text-align:center}
/* #header .area2 .util{position:absolute;top:56px;right:40px;} */
#header .area2 .util > ul > li{float:left;padding-left:22px;margin-left:20px;background:url("../images/main/gate_hd_bar.jpg") no-repeat left center}
#header .area2 .util > ul > li:first-child{padding-left:0;margin-left:0;background:none}
#header .area2 .util > ul > li > a{font-size:20px;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-weight:700;color:#8e8e8e}
#header .area2 .util .mb_me_fv_btn{display:none;position:absolute;top: 42px; right:70px}

/* 22.03.15 수정 시작 */
#header .area2 .util .me_fullview{display:none;position:fixed;top:50%;left:50%;width:1280px;height:821px;background:#fff;border:2px solid #282828;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
/* 22.03.15 수정 끝 */
#header .area2 .util .me_fullview .close_btn{position:absolute;top:20px;right:20px;}
#header .area2 .util .me_fullview .tit{padding-left:79px;margin-top:68px;margin-bottom:30px}
#header .area2 .util .me_fullview .tit > *{float:left;color:#0c0f81;}
#header .area2 .util .me_fullview .tit h2{font-size:36px;font-weight:700}
#header .area2 .util .me_fullview .tit h3{font-size:30px;opacity:0.25;filter:Alpha(opacity=25);padding-top:10px;padding-left:5px}
#header .area2 .util .me_fullview .txt{padding-left:79px}
#header .area2 .util .me_fullview .txt > div{margin-top:26px}
#header .area2 .util .me_fullview .txt .txt1{margin-top:0}
#header .area2 .util .me_fullview .txt > div h3{font-size:24px;font-weight:500;line-height:1;margin-bottom:12px;padding-left:2.5px}
#header .area2 .util .me_fullview .txt > div h3 img{margin-top:11px;margin-right:9px}
#header .area2 .util .me_fullview .txt > div ul li{float:left;width:155px;height:50px;background:#f2f2f2;margin:0 2.5px 5px}
#header .area2 .util .me_fullview .txt > div ul li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;line-height:48px}
/* 22.03.15 추가 시작 */
#header .area2 .util .me_fullview .txt .txt4{width:calc(100% - 79px);margin-top:50px}
#header .area2 .util .me_fullview .txt .txt4 ul{width:100%}
#header .area2 .util .me_fullview .txt .txt4 ul li{width:100%;margin:0;margin-left:1%}
#header .area2 .util .me_fullview .txt .txt4 ul li:first-child{margin-left:0}
#header .area2 .util .me_fullview .txt .txt4 ul li.misite{background:#202020}
#header .area2 .util .me_fullview .txt .txt4 ul li.mios{background:#0c0f81}
#header .area2 .util .me_fullview .txt .txt4 ul li a{display:block;width:100%;height:100%;color:#fff}
/* 22.03.15 추가 끝 */

#header .area2 .ham_btn{position:absolute;top:50%;right:0;}
#header .area2 .ham_btn button{width: 29px; font-size:20px;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-weight:700;color:#8e8e8e}
#header .area2 .ham_btn button img{width: 100%;height: auto;}
#header .full_menu{display:none;position:absolute;top:110px;left:0;width:100%;height:468px;background:#fff;z-index:2;border-bottom:1px solid #e0e0e0}
#header .full_menu > ul{margin:0 70px;padding-top:56px}
#header .full_menu > ul > li{float:left;width:24.4%;margin-left:0.8%;}
#header .full_menu > ul > li.mb_dn{display:none;}
#header .full_menu > ul > li.mb_dn h3 a{display:block;width:100%;height:100%}
#header .full_menu > ul > li:first-child{margin-left:0}
#header .full_menu > ul > li h3{position:relative;font-size:20px;font-weight:700;text-align:center;border-bottom:2px solid #0c0f81;padding-bottom:7px}
#header .full_menu > ul > li h3 .plus_btn{display:none;width:21px;height:21px;position:absolute;top:50%;right:4%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
#header .full_menu > ul > li h3 .plus_btn img{-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
#header .full_menu > ul > li ul{padding-top:15px}
#header .full_menu > ul > li ul li a{display:block;font-size:16px;color:#807f7f;line-height:1;padding:8px 0 8px 23px}

#main .cnt1{padding-top:49px}
#main .cnt1 .area2 .top{margin-bottom:50px}
#main .cnt1 .area2 .top > div{float:left;}
#main .cnt1 .area2 .top .left{width:68%}
#main .cnt1 .area2 .top .left .bx-wrapper{box-shadow:none;border:0;margin:0}
#main .cnt1 .area2 .top .left ul li img{width:100%;height:auto}
#main .cnt1 .area2 .top .left ul li .mb_visual{display:none;}
#main .cnt1 .area2 .top .left .bx-wrapper .bx-controls .bx-pager{width:62px;position:absolute;bottom:30px;right:28px;}
#main .cnt1 .area2 .top .left .bx-wrapper .bx-controls .bx-pager div a{width:6px;height:6px;background:#282828}
#main .cnt1 .area2 .top .left .bx-wrapper .bx-controls .bx-pager div a.active{width:20px}

#main .cnt1 .area2 .top .right{width:30%;margin-left:2%}
#main .cnt1 .area2 .top .right ul{height:100%}
#main .cnt1 .area2 .top .right ul li{float:left;width:48.2%;height:48.2%;background:#f3f3f3;border:2px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
#main .cnt1 .area2 .top .right ul li:nth-child(2), #main .cnt1 .area2 .top .right ul li:nth-child(4){margin-left:3.6%}
#main .cnt1 .area2 .top .right ul li:nth-child(3), #main .cnt1 .area2 .top .right ul li:nth-child(4){margin-top:3.6%}
#main .cnt1 .area2 .top .right ul li a{position:relative;display:block;width:100%;height:100%}
#main .cnt1 .area2 .top .right ul li a h3{font-size:26px;font-weight:500;line-height:32px;padding-top:32px;padding-left:29px}
#main .cnt1 .area2 .top .right ul li a .icon{display:block;margin-left:29px;margin-top:17px}
#main .cnt1 .area2 .top .right ul li a p{position:absolute;bottom:18px;right:19px;font-size:18px;}
#main .cnt1 .area2 .top .right ul li a p img{margin-top:9px;margin-left:9px}
#main .cnt1 .area2 .btm{width:100%;height:220px;overflow:hidden;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#main .cnt1 .area2 .btm ul{height:100%}
#main .cnt1 .area2 .btm ul li{width:100%;height:220px;background:url("../images/main/gate_mn_banner_bg.jpg") no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
#main .cnt1 .area2 .btm ul li .h_wrap{float:left;font-family:GSM, GSB, 'Noto Sans KR', sans-serif;color:#fff;padding-left:86px;padding-top:71px}
#main .cnt1 .area2 .btm ul li .h_wrap > *{letter-spacing:-1.5px;}
#main .cnt1 .area2 .btm ul li .h_wrap h4{font-size:30px;padding-bottom:8px}
#main .cnt1 .area2 .btm ul li .h_wrap h3{font-size:36px}
#main .cnt1 .area2 .btm ul li .h_wrap h3 .clr_1{color:#ff7c7c}
#main .cnt1 .area2 .btm ul li .h_wrap h3 .clr_2{color:#ffd563}
#main .cnt1 .area2 .btm ul li .h_wrap h3 .clr_3{color:#00e4ff}
#main .cnt1 .area2 .btm ul li strong{width:293px;text-align:center;float:right;font-size:30px;font-family:GSB, GSM, 'Noto Sans KR', sans-serif;color:#00f6ff;line-height:35px;padding-top:82px;padding-right:73px}
#main .cnt1 .area2 .btm .bx-wrapper{box-shadow:none;border:0;background-color:none;height:100%}
#main .cnt1 .area2 .btm .bx-wrapper .bx-controls .bx-pager{width:62px;position:absolute;bottom:20px;right:18px;}
#main .cnt1 .area2 .btm .bx-wrapper .bx-controls .bx-pager div a{background:#fff;width:6px;height:6px}
#main .cnt1 .area2 .btm .bx-wrapper .bx-controls .bx-pager div a.active{width:20px}
#main .cnt2{height:390px;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;margin-top:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#main .cnt2 .area2{height:100%}
#main .cnt2 .area2 > div{float:left;width:50%;height:100%}
#main .cnt2 .area2 > div .box_wrap{width:724px;margin-left:100px}
#main .cnt2 .area2 > div .box_wrap .plus{display:block;margin:49px 0 10px 0;float:right;}
#main .cnt2 .area2 > div .box_wrap .wrap > *{float:left;}
#main .cnt2 .area2 > div .box_wrap .wrap h3{font-size:20px;color:#000;font-weight:700;width:128px}
#main .cnt2 .area2 > div .box_wrap .wrap ul li{float:left;margin-left:14px}
#main .cnt2 .area2 > div .box_wrap .wrap ul li:first-child{margin-left:0}
#main .cnt2 .area2 > div .box_wrap .wrap ul li a{display:block;width:100%;height:100%}
#main .cnt2 .area2 .yt_box{border-left:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#gateS11 .cnt1{position:relative;width:100%;height:919px;background:url("../images/sub/gate_s1_visual.jpg") no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
#gateS11 .cnt1 .wrap > *{text-align:center;line-height:1}
#gateS11 .cnt1 .wrap h2{font-size:100px;font-weight:900;color:#000;padding-bottom:13px;padding-top:317px}
#gateS11 .cnt1 .wrap h3{font-size:50px;font-weight:500;color:#0c0f81;opacity:0.5;filter:Alpha(opacity=50);padding-bottom:59px}
#gateS11 .cnt1 .wrap p{font-size:20px;font-weight:500;line-height:30px;padding:0 5%;word-break:keep-all;}
#gateS11 .cnt2{padding-bottom:100px}
#gateS11 .cnt2 .area .tit{padding-top:75px;margin-bottom:40px}
#gateS11 .cnt2 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#gateS11 .cnt2 .area .tit h3{color:#202020;padding-bottom:10px}
#gateS11 .cnt2 .area .tit p{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#gateS11 .cnt2 .area .txt .tab_split .tab_btn{width:1200px;margin:0 auto}
#gateS11 .cnt2 .area .txt .tab_split .tab_btn li{float:left;width:392px;height:60px;line-height:56px;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;margin-left:12px}
#gateS11 .cnt2 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#gateS11 .cnt2 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500}
#gateS11 .cnt2 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#gateS11 .cnt2 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div{position:relative;display:none;margin-top:97px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;height:658px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt .tab_cnt2{height:2165px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt .tab_cnt3{height:183px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div .pillar{position:absolute;top:0;left:50%;width:4px;height:100%;margin-left:-2px;background:#c1c1c1}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li{width:50%;position:absolute;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_right{left:50%}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_right{margin-left:-18px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_09_1{top:-40px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_09_2{top:127px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_09_3{top:291px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_09_4{top:456px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_1{top:-40px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_2{top:128px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_3{top:404px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_4{top:596px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_5{top:872px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_6{top:1176px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_7{top:1452px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_8{top:1644px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_9{top:1808px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_19_10{top:1973px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_20_1{top:-40px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li .year{margin-bottom:32px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li .year .y_wrap > *{float:left;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li .year .y_wrap h4{font-size:28px;color:#0c0f81}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li .year .y_wrap .cc{margin-top:3px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_left .year .y_wrap{float:right;margin-right:-18px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_left .year .y_wrap .cc{margin-left:19px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_right .year .y_wrap .cc{margin-right:19px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li p{font-size:20px;}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_left p{text-align:right;margin-right:81px}
#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_right p{margin-left:102px}

#gateS21 .cnt1{width:100%;height:505px;background:#e6eaf2}
#gateS21 .cnt1 .rb_wrap{width:499px;margin:0 auto;padding-top:80px}
#gateS21 .cnt1 .rb_wrap > *{float:left;}
#gateS21 .cnt1 .rb_wrap .bar{width:178px;height:2px;background:#282828;margin-top:50px}
#gateS21 .cnt1 .rb_wrap .num{width:101px;height:101px;line-height:101px;background:url("../images/sub/gate_s2_rb.jpg") no-repeat center;font-size:34px;text-align:center;color:#fff;font-weight:500;margin:0 21px}
#gateS21 .cnt1 h2{font-size:40px;text-align:center;color:#202020;line-height:1;padding-top:48px}
#gateS21 .cnt1 h3{font-size:40px;color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);text-align:center;line-height:1;padding-top:8px}
#gateS21 .cnt1 p{font-size:20px;text-align:center;line-height:30px;font-weight:300;padding-top:42px;word-break:keep-all;}
#gateS21 .cnt2{padding-top:80px;background:#ececec;padding-bottom:80px}
#gateS21 .cnt2 .area .tab_split .tab_btn{width:1200px;margin:0 auto}
#gateS21 .cnt2 .area .tab_split .tab_btn li{float:left;width:49.25%;height:60px;line-height:56px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.5%}
#gateS21 .cnt2 .area .tab_split .tab_btn li:first-child{margin-left:0}
#gateS21 .cnt2 .area .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:24px;font-weight:500;text-align:center}
#gateS21 .cnt2 .area .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#gateS21 .cnt2 .area .tab_split .tab_btn li.on a{color:#fff}
#gateS21 .cnt2 .area .tab_split .tab_cnt{width:1200px;margin:40px auto 0}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div{display:none;}
#gateS21 .cnt2 .area .tab_split .tab_cnt .tab_cnt1{display:block;}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li{position:relative;float:left;width:18.5%;background:#fff;border:2px solid #d2d2d2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.875%;margin-bottom:1.5%}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li:nth-child(5n+1){margin-left:0}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li:after{content:"";display:block;padding-bottom:100%}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner h4{font-size:26px;font-weight:500;text-align:center;line-height:30px;word-break:keep-all;}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner p{font-size:24px;text-align:center;padding-top:1px}
#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner a{display:block;width:164px;height:36px;line-height:30px;background:#eee;border:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;margin:0 auto;text-align:center;font-size:16px;color:#0c0f81;font-weight:500;margin-top:11px}

#gateS22 .cnt1{width:100%;height:505px;background:#e6eaf2}
#gateS22 .cnt1 .rb_wrap{width:499px;margin:0 auto;padding-top:80px}
#gateS22 .cnt1 .rb_wrap > *{float:left;}
#gateS22 .cnt1 .rb_wrap .bar{width:178px;height:2px;background:#282828;margin-top:50px}
#gateS22 .cnt1 .rb_wrap .num{width:101px;height:101px;line-height:101px;background:url("../images/sub/gate_s2_rb.jpg") no-repeat center;font-size:34px;text-align:center;color:#fff;font-weight:500;margin:0 21px}
#gateS22 .cnt1 h2{font-size:40px;text-align:center;color:#202020;line-height:1;padding-top:48px}
#gateS22 .cnt1 h3{font-size:40px;color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);text-align:center;line-height:1;padding-top:8px}
#gateS22 .cnt1 p{font-size:20px;text-align:center;line-height:30px;font-weight:300;padding-top:42px;word-break:keep-all;}
#gateS22 .cnt2{padding-top:80px;background:#ececec;padding-bottom:80px}
#gateS22 .cnt2 .area .tab_split .tab_btn{width:1200px;margin:0 auto}
#gateS22 .cnt2 .area .tab_split .tab_btn li{float:left;width:100%;height:60px;line-height:58px;background:#fff;border:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS22 .cnt2 .area .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:24px;font-weight:500;text-align:center}
#gateS22 .cnt2 .area .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#gateS22 .cnt2 .area .tab_split .tab_btn li.on a{color:#fff}
#gateS22 .cnt2 .area .tab_split .tab_cnt{width:1200px;margin:40px auto 0}
#gateS22 .cnt2 .area .tab_split .tab_cnt > div{width:100%;height:480px;background:#fff;border:2px solid #d2d2d2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS22 .cnt2 .area .tab_split .tab_cnt > div > *{text-align:center;line-height:1}
#gateS22 .cnt2 .area .tab_split .tab_cnt > div h5{font-size:36px;font-weight:100;padding-bottom:20px;padding-top:155px}
#gateS22 .cnt2 .area .tab_split .tab_cnt > div strong{display:block;font-weight:500;font-size:36px;padding-bottom:22px}
#gateS22 .cnt2 .area .tab_split .tab_cnt > div p{font-size:26px;font-weight:300;line-height:30px}

#gateS31 .cnt1{padding-bottom:100px}
#gateS31 .cnt1 .area .tit{padding-top:79px}
#gateS31 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#gateS31 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#gateS31 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}

#gateS31 .cnt1 .area .txt .tab_split .tab_btn.first{display: flex;}
#gateS31 .cnt1 .area .txt .tab_split .tab_btn.first li{width: 50%;}

#gateS31 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:40px auto 0}
#gateS31 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:18.7%;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.6%}
#gateS31 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#gateS31 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500;cursor: pointer;}
#gateS31 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#023eb7}
#gateS31 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none;}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li{width:1200px;height:140px;background:#fff;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);margin:10px auto 0}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li:first-child{margin-top:40px}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{float:left;}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit{padding-left:20px;padding-top:20px;margin-bottom:24px}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit > *{float:left;}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{width:120px;height:30px;line-height:28px;background:#0c0f81;font-size:17px;color:#fff;font-weight:500;text-align:center;margin-right:12px}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{font-size:24px;font-weight:500;line-height:30px;}

/* 추가 */
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{max-width: 700px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left p{font-size:18px;font-weight:300;padding-left:20px;line-height:1;padding-bottom:8px}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right{float:right;margin-top:48px;margin-right:30px}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn{display:block;width:170px;height:50px;background:#023eb7;font-size:20px;color:#fff;line-height:50px;text-align:center;border-radius: 25px;}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn > *{float:left;}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn img{width:17px;height:auto;margin-top:21px;margin-left:8px}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging{width:fit-content;margin:77px auto 0}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li{float:left;width:24px;height:24px;line-height:22px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8px}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.prev, #gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.next{border:0}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li:first-child{margin-left:0}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li a{display:block;width:100%;height:100%;font-size:14px;color:#b5b5b5;text-align:center}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.on{border:0;background:#3c3c3c}
#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.on a{color:#fff}

#gateS32 .cnt1{padding-bottom:100px}
#gateS32 .cnt1 .area .tit{padding-top:79px}
#gateS32 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#gateS32 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#gateS32 .cnt1 .area .tit h3{color:#3c3c3c;opacity:0.3;filter:Alpha(opacity=30);}
#gateS32 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:40px auto 0}
#gateS32 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:23.8%;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.6%}
#gateS32 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#gateS32 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500;cursor: pointer;}
#gateS32 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#023eb7}
#gateS32 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt{width:1200px;margin:42px auto 0}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none;}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding:40px 0}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box > div{width:1120px;margin:0 auto}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit{display:flex;background:#f1f1f1;border-top:2px solid #023eb7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #e0e0e0;overflow:hidden;padding:21px 0 23px}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit > *{float:left;}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap{padding:0 20px 0 24px}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap .mark{display:block;width:190px;height:30px;line-height:28px;background:#023eb7;font-size:22px;color:#fff;font-weight:500;text-align:center;margin:2px auto 0}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit h3{font-size:24px;line-height:1.3;word-wrap:normal;word-break:keep-all;padding-left: 15px;}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util{height:66px;line-height:60px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{float:left;font-size:20px;color:#808080;font-weight:300;padding-left:31px;margin-left:29px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 22px}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p:first-child{padding-left:23px;margin-left:0;background:none}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area{height:fit-content;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding: 2vw 0.5vw;}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:42px}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{float:left;width:591px;height:50px;text-align:center;line-height:48px;font-size:20px;font-weight:500;color:#fff}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_brf{background:#023eb7}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{background:#282828;margin-left:18px}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{display:block;width:100%;height:50px;background:#282828;color:#fff;font-size:20px;text-align:center;line-height:48px;font-weight:500;margin-top:30px;cursor: pointer;}

#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area img{max-width: 100%;height: auto !important;}
#gateS42 .btn_wrap,#gateS32 .cnt1 .area .txt .tab_split .tab_btn{display: flex;justify-content: center;}
#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area iframe{max-width: 100%;}

#gateS33 .cnt1{padding-bottom:100px}
#gateS33 .cnt1 .area .tit{padding-top:79px}
#gateS33 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#gateS33 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#gateS33 .cnt1 .area .tit h3{color:#3c3c3c;opacity:0.3;filter:Alpha(opacity=30);}
#gateS33 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:40px auto 0}
#gateS33 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:23.8%;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.6%}
#gateS33 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#gateS33 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500}
#gateS33 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#gateS33 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none;}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li{width:1200px;height:140px;background:#fff;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);margin:10px auto 0}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li:first-child{margin-top:40px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{float:left;}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit{padding-left:20px;padding-top:20px;margin-bottom:24px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit > *{float:left;}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{width:70px;height:30px;line-height:28px;background:#0c0f81;font-size:22px;color:#fff;font-weight:500;text-align:center;margin-right:12px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{font-size:24px;font-weight:500;line-height:30px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left p{font-size:18px;font-weight:300;padding-left:20px;line-height:1;padding-bottom:8px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right{float:right;margin-top:48px;margin-right:30px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn{display:block;width:170px;height:50px;background:#0c0f81;font-size:20px;color:#fff;line-height:50px;text-align: center;border-radius: 25px;}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn > *{float:left;}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn img{width:17px;height:auto;margin-top:21px;margin-left:8px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging{width:376px;margin:77px auto 0}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li{float:left;width:24px;height:24px;line-height:22px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8px}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.prev, #gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.next{border:0}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li:first-child{margin-left:0}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li a{display:block;width:100%;height:100%;font-size:14px;color:#b5b5b5;text-align:center}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.on{border:0;background:#0c0f81}
#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li.on a{color:#fff}

#gateS34 .cnt1{padding-bottom:100px}
#gateS34 .cnt1 .area .tit{padding-top:79px}
#gateS34 .cnt1 .area .tit > *{font-size:46px;text-align:center;line-height:1}
#gateS34 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#gateS34 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#gateS34 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:50px auto 0}
#gateS34 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:23.8%;height:100px;line-height:96px;background:#fff;border:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.6%}
#gateS34 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#gateS34 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:28px;text-align:center;font-weight:500}
#gateS34 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#gateS34 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt{width:1200px;margin:42px auto 0}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none;}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding:40px 0}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box > div{width:1120px;margin:0 auto}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit{display:flex;background:#f1f1f1;border-top:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #e0e0e0;overflow:hidden;padding:20px 0 22px}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit > *{float:left;}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap{padding:0 20px 0 24px}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap .mark{display:block;width:84px;height:36px;line-height:34px;background:#0c0f81;font-size:30px;color:#fff;font-weight:500;text-align:center;margin:6px auto 0}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit h3{font-size:36px;font-weight:500;line-height:1.3;word-wrap:normal;word-break:keep-all;}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util{height:66px;line-height:60px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{float:left;font-size:20px;color:#808080;font-weight:300;padding-left:31px;margin-left:29px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 22px}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p:first-child{padding-left:23px;margin-left:0;background:none}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area{height:710px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:42px}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{float:left;width:591px;height:60px;text-align:center;line-height:56px;font-size:28px;font-weight:500;color:#fff}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_brf{background:#0c0f81}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{background:#282828;margin-left:18px}
#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{display:block;width:100%;height:60px;background:#282828;color:#fff;font-size:28px;text-align:center;line-height:58px;font-weight:500;margin-top:20px}

#gateS41 .cnt1{padding-bottom:202px}
#gateS41 .cnt1 .area .tit{padding-top:79px}
#gateS41 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#gateS41 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#gateS41 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#gateS41 .cnt1 .area .txt{width:1200px;margin:39px auto 0}
#gateS41 .cnt1 .area .txt > ul{border-bottom:4px solid #023eb7}
#gateS41 .cnt1 .area .txt ul li.tb_tit{width:100%;height:56px;border-top:4px solid #023eb7;border-bottom:2px solid #b5b5b5;background:#e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS41 .cnt1 .area .txt ul li.tb_tit > *{float:left;}
#gateS41 .cnt1 .area .txt ul li h4{height:100%;font-size:20px;font-weight:500;text-align:center;line-height:50px}
#gateS41 .cnt1 .area .txt ul li.tb_tit .th1{width:9%}
#gateS41 .cnt1 .area .txt ul li.tb_tit .th2{width:66%}
#gateS41 .cnt1 .area .txt ul li.tb_tit .th3{width:7%}
#gateS41 .cnt1 .area .txt ul li.tb_tit .th4{width:12%}
#gateS41 .cnt1 .area .txt ul li.tb_tit .th5{width:6%}
#gateS41 .cnt1 .area .txt ul li.tb_txt{height:50px;line-height:48px;border-bottom:1px solid #e0e0e0}
#gateS41 .cnt1 .area .txt ul li.tb_txt:last-child{border-bottom:0}
#gateS41 .cnt1 .area .txt ul li.tb_txt a{display:block;width:100%;height:100%}
#gateS41 .cnt1 .area .txt ul li.tb_txt a > *{float:left;}
#gateS41 .cnt1 .area .txt ul li.tb_txt a .td1{width:9%}
#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2{width:66%}
#gateS41 .cnt1 .area .txt ul li.tb_txt a .td3{width:7%}
#gateS41 .cnt1 .area .txt ul li.tb_txt a .td4{width:12%}
#gateS41 .cnt1 .area .txt ul li.tb_txt a .td5{width:6%}
#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2 > *{float:left;}
#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap{padding-right:9px}
#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap .mark{display:block;width:120px;height:26px;line-height:24px;background:#0c0f81;font-size:17px;color:#fff;font-weight:500;text-align:center;margin-top:12px;}
#gateS41 .cnt1 .area .txt ul li a > div p{font-size:16px;text-align:center;color:#333;word-break:keep-all;}
#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2 p{text-align:left;max-width: 500px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#gateS41 .cnt1 .area .txt .paging{width:376px;margin:60px auto 0}
#gateS41 .cnt1 .area .txt .paging ul li{float:left;width:24px;height:24px;line-height:22px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8px}
#gateS41 .cnt1 .area .txt .paging ul li.prev, #gateS41 .cnt1 .area .txt .paging ul li.next{border:0}
#gateS41 .cnt1 .area .txt .paging ul li:first-child{margin-left:0}
#gateS41 .cnt1 .area .txt .paging ul li a{display:block;width:100%;height:100%;font-size:14px;color:#b5b5b5;text-align:center}
#gateS41 .cnt1 .area .txt .paging ul li.on{border:0;background:#3c3c3c}
#gateS41 .cnt1 .area .txt .paging ul li.on a{color:#fff}

/* #gateS41 탭버튼 추가 */
#gateS41 .tab_split .tab_btn,#gateS42 .tab_split .tab_btn{width:100%;margin:0 auto 40px;display: flex;justify-content: space-between;gap: 20px;}
#gateS42 .tab_split .tab_btn{margin-top: 40px;}
#gateS41 .tab_split .tab_btn li,#gateS42 .tab_split .tab_btn li{width:50%;height:60px;line-height:56px;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;}
#gateS41 .tab_split .tab_btn li a,#gateS42 .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500;cursor: pointer;}
#gateS41 .tab_split .tab_btn li.on,#gateS42 .tab_split .tab_btn li.on{border:0;background:#023eb7}
#gateS41 .tab_split .tab_btn li.on a,#gateS42 .tab_split .tab_btn li.on a{color:#fff}

/* pagination 추가 */
.pagination{display: flex;justify-content: center;}
#gateS41 .cnt1 .area .txt .paging{width: 480px;}
.pagination ul li.prev,
.pagination ul li.next,
.pagination ul li.first,
.pagination ul li.last{position: relative;}
.pagination ul li.prev a, .pagination ul li.prev a,
.pagination ul li.prev a, .pagination ul li.next a{
    border: 1px solid #eaeaea;
    box-sizing: border-box;
}
.pagination ul li.prev a::before,
.pagination ul li.next a::before,
.pagination ul li.first a::before,
.pagination ul li.last a::before,
.pagination ul li.first a::after,
.pagination ul li.last a::after{
	content: '';
    width: 7px;
    height: 7px;
    border: 1px solid #B5B5B5;
    display: block;
    border-left: #0000;
    border-bottom: #0000;
    position: absolute;
    top: calc(100% / 2 - 3.5px);
}

.pagination ul li.prev a::before,
.pagination ul li.first a::before,
.pagination ul li.first a::after{
    transform: rotate(-135deg);
}
.pagination ul li.next a::before,
.pagination ul li.last a::before,
.pagination ul li.last a::after{
    transform: rotate(45deg);
}
.pagination ul li.next a::before{
    left: calc(100% / 2 - 6px);
}
.pagination ul li.prev a::before{
    left: calc(100% / 2 - 1px);
}
.pagination ul li.first a::before{
    left: calc(100% / 2 - -2px);
}
.pagination ul li.first a::after{
    left: calc(100% / 2 - 5px);
}
.pagination ul li.last a::before{
    left: calc(100% / 2 - 3px);
}
.pagination ul li.last a::after{
    left: calc(100% / 2 - 9px);
}
#gateS42 .area{max-width: 1200px;}
#gateS42 .cnt1{padding-bottom:100px}
#gateS42 .cnt1 .area .tit{padding-top:79px}
#gateS42 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#gateS42 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#gateS42 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#gateS42 .cnt1 .area .txt{margin: 36px auto 0;}
#gateS42 .cnt1 .area .txt .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding-top:40px;border-bottom:4px solid #023eb7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:40px}
#gateS42 .cnt1 .area .txt .box > div{width:1120px;margin:0 auto}
#gateS42 .cnt1 .area .txt .box .write_tit{display:flex;background:#f1f1f1;border-top:2px solid #023eb7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #e0e0e0;overflow:hidden;padding:11px 0}
#gateS42 .cnt1 .area .txt .box .write_tit > *{float:left;}
#gateS42 .cnt1 .area .txt .box .write_tit .mark_wrap{padding:0 20px 0 24px}
#gateS42 .cnt1 .area .txt .box .write_tit .mark_wrap .mark{display:block;width:180px;height:26px;line-height:25px;background:#023eb7;font-size:20px;color:#fff;font-weight:500;text-align:center;}
#gateS42 .cnt1 .area .txt .box .write_tit h3{font-size:20px;line-height:1.3;word-wrap:normal;word-break:keep-all;padding-right:2%}
#gateS42 .cnt1 .area .txt .box .write_util{height:44px;line-height:40px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS42 .cnt1 .area .txt .box .write_util > p{float:left;font-size:18px;color:#808080;font-weight:300;margin-left:50px;}
#gateS42 .cnt1 .area .txt .box .write_util > p:first-child{margin-left:24px}
#gateS42 .cnt1 .area .txt .box .write_area{height:389px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS42 .cnt1 .area .txt .ctr a{display:flex;margin-top:16px}
#gateS42 .cnt1 .area .txt .ctr a > *{float:left;}
#gateS42 .cnt1 .area .txt .ctr a .arrow img{margin-top:8px;margin-right:10px}
#gateS42 .cnt1 .area .txt .ctr a p{font-size:18px;color:#333;line-height:1.5;word-break:keep-all;}
#gateS42 .cnt1 .area .txt .btn_wrap .view_list{float:left;display:block;width:222px;height:50px;background:#282828;font-size:24px;color:#fff;text-align:center;line-height:50px;font-weight:300;margin-top:36px}
#gateS42 .cnt1 .area .txt .btn_wrap .right{float:right;}
#gateS42 .cnt1 .area .txt .btn_wrap .right button{float:left;width:222px;height:50px;background:#282828;font-size:24px;color:#fff;text-align:center;line-height:50px;font-weight:300;margin-top:36px}
#gateS42 .cnt1 .area .txt .btn_wrap .right .wrt_dlt{margin-left:15px}

/* write_area 높이 추가 */
#gateS42 .cnt1 .area .txt .box .write_area{height:100%;padding: 2vw 0.5vw;}
#gateS42 .cnt1 .area .txt .box .write_area img{max-width: 100%;width: auto;height: auto !important;}

#gateS43 .cnt1{padding-bottom:100px}
#gateS43 .cnt1 .area .tit{padding-top:79px}
#gateS43 .cnt1 .area .tit > *{font-size:46px;text-align:center;line-height:1}
#gateS43 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#gateS43 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#gateS43 .cnt1 .area .txt{width:1200px;margin:47px auto 0}
#gateS43 .cnt1 .area .txt .txt_dn{display:none;}
#gateS43 .cnt1 .area .txt > div h3{font-size:36px;line-height:1;border-bottom:2px solid #b7b7b7;padding-bottom:19px;padding-left:19px;margin-bottom:4px}
#gateS43 .cnt1 .area .txt .txt1 ul li{width:100%;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt1 ul li a{display:block;width:100%;height:100%}
#gateS43 .cnt1 .area .txt .txt1 ul li a > *{padding-left:42px;line-height:1}
#gateS43 .cnt1 .area .txt .txt1 ul li a h4{font-size:26px;font-weight:500;padding-top:39px}
#gateS43 .cnt1 .area .txt .txt1 ul li a p{font-size:20px;font-weight:300;line-height:30px;padding:31px 15px 38px 42px;word-break:keep-all;}
#gateS43 .cnt1 .area .txt .txt1 ul li.on{border:2px solid #0c0f81;position:relative;z-index:1}
#gateS43 .cnt1 .area .txt .txt1 ul li:last-child{margin-top:-2px}
#gateS43 .cnt1 .area .txt .txt2{margin-top:73px}
#gateS43 .cnt1 .area .txt .txt2 ul{width:1160px;margin:0 auto}
#gateS43 .cnt1 .area .txt .txt2 ul li{float:left;width:12.5%;margin-top:10px}
#gateS43 .cnt1 .area .txt .txt2 ul li .chk_wrap input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#gateS43 .cnt1 .area .txt .txt2 ul li .chk_wrap input[type="checkbox"] + label{display:inline-block;position:relative;cursor:pointer;padding-left:21px;font-size:18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
#gateS43 .cnt1 .area .txt .txt2 ul li .chk_wrap input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;text-align:center;border:1px solid #282828;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt2 ul li .chk_wrap input[type="checkbox"]:checked + label:after{content: '';position:absolute;top:8px;left:0;width:12px;height:12px;text-align:center;background:#282828;border:0}
#gateS43 .cnt1 .area .txt .txt3{margin-top:96px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap{padding-top:36px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap > div{float:left;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left{width:960px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li{margin-top:30px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li:first-child{margin-top:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li > *{float:left;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li h4{width:162px;font-size:20px;padding-left:20px;line-height:64px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_1 .ip_box{position:relative;width:778px;height:64px;background-color:#fff;border:1px solid #e0e0e0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_1 .ip_box input{width:97%;height:100%;padding-left:3%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_1 .ip_box input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li{float:left;margin-left:20px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li:first-child{margin-left:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box{position:relative;width:246px;height:64px;background-color:#fff;border:1px solid #e0e0e0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box input{width:75%;height:100%;padding-left: 5px;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box label{position:absolute;top:50%;right:30px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:20px;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li{float:left;margin-left:20px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li:first-child{margin-left:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li .ip_box{position:relative;width:246px;height:64px;background-color:#fff;border:1px solid #e0e0e0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li .ip_box input{width:75%;height:100%;padding-left: 5px;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li .ip_box input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li .ip_box label{position:absolute;top:50%;right:30px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:20px;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li{margin-top:10px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li:first-child{margin-top:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li .ip_box{position:relative;height:64px;overflow:hidden;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li .ip_box input{height:100%;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;border:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li .ip_box input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 > *{float:left;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 .ip_box{width:512px;background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 .ip_box input{width:96%;padding-left:4%;background-color:#fff;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 .find_adr{width:246px;height:64px;background:#e0e0e0;margin-left:20px;font-size:20px;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_2 .ip_box{width:778px;background-color:#e0e0e0;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_2 .ip_box input{width:97%;padding-left:3%;background-color:#e0e0e0;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_3 .ip_box{width:778px;background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_3 .ip_box input{width:97%;padding-left:3%;background-color:#fff;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_3 .ip_box label{position:absolute;top:50%;left:3%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:20px;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li{float:left;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li .ip_box{position:relative;width:242px;height:64px;background-color:#fff;border:1px solid #e0e0e0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li .ip_box input{width:95%;height:100%;padding-left: 5px;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li .ip_box input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li p{line-height:64px;font-size:20px;margin:0 6px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li select{width:246px;height:64px;line-height:64px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left:30px;font-size:20px;background:url("../images/sub/gate_s4_arrw.jpg") no-repeat 86% center;font-family:'Noto Sans KR', NSR, NSB, sans-serif;margin-left:17px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right{margin-left:60px}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right button{width:180px;height:252px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right button p{font-size:20px;line-height:1}
#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right button p span{display:block;font-size:60px;font-weight:300;line-height:1}
#gateS43 .cnt1 .area .txt .txt4{margin-top:96px}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap{border-bottom:1px solid #e0e0e0;padding-bottom:40px;margin-bottom:30px;padding-top:36px}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul{width:1180px;float:right;}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li{margin-top:30px}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li:first-child{margin-top:0}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li > *{float:left;}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit{width:100%;height:64px;line-height:62px;background:#e0e0e0;border:1px solid #b7b7b7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit h4{margin-left:2%;font-size:20px;text-align:center}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th1{width:25%;margin-left:0}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th2{width:25%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th3{width:23%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th4{width:21%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt > div{position:relative;height:64px;margin-left:2%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td1{width:25%;margin-left:0}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td2{width:25%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3{width:23%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4{width:21%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td1{background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td1 input{width:72%;padding-left: 5px;height:100%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:18px}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td1 label{position:absolute;top:50%;right:30px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:18px;color:#b7b7b7}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td1 input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td2{background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td2 input{width:72%;padding-left: 5px;height:100%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:18px}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td2 label{position:absolute;top:50%;right:30px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:18px;color:#b7b7b7}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td2 input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul{width:100%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li{float:left;width:45%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li:nth-child(2){width:10%}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box{position:relative;width:100%;height:64px;background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box input{width:60%;padding-left:10%;height:100%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:18px}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:18px;color:#b7b7b7}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li p{font-size:20px;line-height:64px;text-align:center}
#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4 select{width:100%;height:100%;line-height:64px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left:30px;font-size:20px;background:url("../images/sub/gate_s4_arrw.jpg") no-repeat 86% center;font-family:'Noto Sans KR', NSR, NSB, sans-serif;}
#gateS43 .cnt1 .area .txt .txt4 .add_btn{text-align:right}
#gateS43 .cnt1 .area .txt .txt5{margin-top:96px}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap{border-bottom:1px solid #e0e0e0;padding-bottom:40px;margin-bottom:30px;padding-top:36px}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul{width:1180px;float:right;}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li{margin-top:30px}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li:first-child{margin-top:0}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li > *{float:left;}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit{width:100%;height:64px;line-height:62px;background:#e0e0e0;border:1px solid #b7b7b7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit h4{margin-left:2%;font-size:20px;text-align:center}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th1{width:25%;margin-left:0}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th2{width:20%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th3{width:12%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th4{width:37%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt > div{position:relative;height:64px;margin-left:2%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td1{width:25%;margin-left:0}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td2{width:20%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td3{width:12%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4{width:37%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td1{background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td1 input{width:95%;padding-left: 5px;height:100%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:18px}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td1 label{position:absolute;top:50%;right:30px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:18px;color:#b7b7b7}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td1 input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td2{background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td2 input{width:95%;padding-left: 5px;height:100%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:18px}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td2 label{position:absolute;top:50%;right:30px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:18px;color:#b7b7b7}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td2 input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td3 select{width:100%;height:100%;line-height:64px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left:30px;font-size:20px;background:url("../images/sub/gate_s4_arrw.jpg") no-repeat 86% center;font-family:'Noto Sans KR', NSR, NSB, sans-serif;}
#gateS43 .cnt1 .area .txt .txt5 .add_btn{text-align:right}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul{width:100%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li{float:left;width:22.5%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li:nth-child(3){width:6%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li:nth-child(2), #gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li:nth-child(5){margin-left:2%}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box{position:relative;width:100%;height:64px;background-color:#fff;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box input{width:50%;padding-left:10%;height:100%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:18px}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:18px;color:#b7b7b7}
#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li p{font-size:20px;line-height:64px;text-align:center}
#gateS43 .cnt1 .area .txt .txt6{margin-top:96px}
#gateS43 .cnt1 .area .txt .txt6 .form_cont{position:relative;width:1160px;height:300px;margin-left:20px;margin-top:36px}
#gateS43 .cnt1 .area .txt .txt6 .form_cont textarea{width:100%;height:100%;border:1px solid #e3e3e3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:20px;padding-left:20px;color:#3a3a3a;cursor:text;font-size:18px;font-family:'Noto Sans KR', NSR, NSB, sans-serif;}
#gateS43 .cnt1 .area .txt .txt6 .form_cont textarea:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt6 .form_cont label{position:absolute;top:20px;left:20px;color:#b7b7b7;cursor:text;line-height:1;font-size:18px;}
#gateS43 .cnt1 .area .txt .txt7{margin-top:96px}
#gateS43 .cnt1 .area .txt .txt7 p{font-size:18px;padding-left:19px;line-height:1.5;padding-top:36px}
#gateS43 .cnt1 .area .txt .txt7 .link_wrap{margin-left:19px;margin-top:33px}
#gateS43 .cnt1 .area .txt .txt7 .link_wrap > *{float:left;}
#gateS43 .cnt1 .area .txt .txt7 .link_wrap h4{font-size:28px;margin-right:40px}
#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont{position:relative;width:1025px;height:40px;border:1px solid #e0e0e0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont input{width:98%;padding-left: 5px;height:100%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:18px}
#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont input:focus{outline:0}
#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont label{position:absolute;top:50%;left:20px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);cursor:text;font-size:18px;color:#b7b7b7}
#gateS43 .cnt1 .area .txt .txt8{margin-top:96px}
#gateS43 .cnt1 .area .txt .txt8 .box{width:1160px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:20px;margin-top:36px;padding-bottom:15px}
#gateS43 .cnt1 .area .txt .txt8 .box p{font-size:14px;line-height:24px;padding-left:20px;padding-top:13px}
#gateS43 .cnt1 .area .txt .txt8 ul{margin-left:20px;margin-top:12px}
#gateS43 .cnt1 .area .txt .txt8 ul li{float:left;margin-left:28px}
#gateS43 .cnt1 .area .txt .txt8 ul li:first-child{margin-left:0}
#gateS43 .cnt1 .area .txt .txt8 ul li input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#gateS43 .cnt1 .area .txt .txt8 ul li input[type="radio"] + label{display:inline-block;position:relative;cursor:pointer;padding-left:21px;font-size:18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
#gateS43 .cnt1 .area .txt .txt8 ul li input[type="radio"] + label:before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;text-align:center;border:1px solid #282828;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gateS43 .cnt1 .area .txt .txt8 ul li input[type="radio"]:checked + label:after{content: '';position:absolute;top:8px;left:0;width:12px;height:12px;text-align:center;background:#282828;border:0}
#gateS43 .cnt1 .area .txt .sm_btn{display:block;width:590px;height:60px;margin:0 auto;background:#0c0f81;font-size:28px;color:#fff;font-weight:500;margin-top:100px}

#footer{margin-top:0}
#footer .ft_util{width:100%;height:45px;line-height:45px;background:#202020;overflow:hidden;}
#footer .ft_util .area{height:100%}
#footer .ft_util .area ul{padding-left:91px}
#footer .ft_util .area ul li{float:left;padding-left:20px;margin-left:18px;background:url("../images/main/gate_ft_util_bar.jpg") no-repeat left center}
#footer .ft_util .area ul li:first-child{padding-left:0;margin-left:0;background:none}
#footer .ft_util .area ul li a{font-size:14px;color:#fff}
#footer .ft_btm{width:100%;height:228px;background:#3d3d3d}
#footer .ft_btm .area{height:100%}
#footer .ft_btm .area > *{float:left;}
#footer .ft_btm .area .ft_logo{margin:21px 46px 0 93px}
#footer .ft_btm .area .ft_logo a{display:block;}
#footer .ft_btm .area ul{padding-top:24px}
#footer .ft_btm .area ul li p{color:#fff;letter-spacing:-1.5px;}
#footer .ft_btm .area ul li.mid p{display:inline-block;padding-left:12px;margin-left:10px;background:url("../images/main/gate_ft_bar.jpg") no-repeat left center}
#footer .ft_btm .area ul li.mid p:first-child{padding-left:0;margin-left:0;background:none}
#footer .ft_btm .area ul li address{color:#fff;font-weight:500;padding-top:19px}


/* 22.03.15 추가 시작 */
.alarm2{display:none;position:fixed;top:121px;right:0;z-index:1}
/* 22.03.15 추가 끝 */
/* 22.03.23 추가 시작 */
.csi_close{display: none;position: fixed;top: 125px;right: 75px;z-index: 1}
/* 22.03.23 추가 끝 */

.alarm_mobile{
    display: block;
	position: relative;
    right: -70px;
    top: 100px;
    z-index: 2;
}
.alarm_mobile a{
	width: 100%;
	height: 100%;
	display: block;
}
.alarm_close{
	font-size: 0;
	width: 23px;
	height: 23px;
	display: block;
	background: #ff51be;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
}
.alarm_close::before,
.alarm_close::after{
	content: "";
    width: 1.5px;
    height: 13px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}
.alarm_close::before{
	transform: translate(-50%, -50%) rotate(45deg);
}
.alarm_close::after{
	transform: translate(-50%, -50%) rotate(-45deg);
}




#header2{border-bottom:1px solid #e0e0e0;z-index: 200;}
#header2 .area2{height:100%}
#header2 .area2 .top{padding-top:4px}
#header2 .area2 .top ul{float:right;}
#header2 .area2 .top ul li{float:left;padding-left:16px;margin-left:14px;background:url("../images/main/cam_hd_util_bar.jpg") no-repeat left 4px;font-size: 16px;}
#header2 .area2 .top ul li:first-child{padding-left:0;margin-left:0;background:none}
#header2 .area2 .top ul li a{font-family: 'Noto Sans KR',NSB, NSR, sans-serif;color:#8e8e8e}
#header2 .area2 .btm{position:relative;height:75px;margin-top:13px}
#header2 .area2 .btm .hd_logo{position:absolute;top:5px;left:0;width:316px;}
#header2 .area2 .btm .hd_logo a{display:block}
#header2 .area2 .btm .hd_logo a > *{float:left;}
#header2 .area2 .btm .hd_logo a > img{width:auto;height:54px}
#header2 .area2 .btm .hd_logo a p{margin-left:4px;}
#header2 .area2 .btm .hd_logo a p img{width:110px;height:auto;margin-top:7px}
#header2 .area2 .btm .btm_wrap{float:right;height:75px}
#header2 .area2 .btm .btm_wrap > *{float:left;}
#header2 .area2 .btm .btm_wrap #gnb{height:100%;line-height:75px}
#header2 .area2 .btm .btm_wrap #gnb > ul{height:100%}
#header2 .area2 .btm .btm_wrap #gnb > ul > li{position:relative;display:inline-block;margin-left:47px;height:100%}
#header2 .area2 .btm .btm_wrap #gnb > ul > li:first-child{margin-left:0}
#header2 .area2 .btm .btm_wrap #gnb > ul > li > a{font-size:20px;font-weight:700}
#header2 .area2 .btm .btm_wrap #gnb > ul > li > ul{display:none;position:absolute;top:75px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background:#fff;border:1px solid #d2d2d2;border-top:2px solid #023eb7;z-index:2;padding:11px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header2 .area2 .btm .btm_wrap #gnb > ul > li.gnb1 > ul{width:120px}
#header2 .area2 .btm .btm_wrap #gnb > ul > li.gnb2 > ul{width:172px}
#header2 .area2 .btm .btm_wrap #gnb > ul > li.gnb3 > ul{width:123px}
#header2 .area2 .btm .btm_wrap #gnb > ul > li.gnb4 > ul{width:162px}
#header2 .area2 .btm .btm_wrap #gnb > ul > li.gnb5 > ul{width:133px}
#header2 .area2 .btm .btm_wrap #gnb > ul > li > ul li a{display:block;font-size:16px;color:#807f7f;line-height:1;padding:8px 0;text-align:center}
#header2 .area2 .btm .btm_wrap .alarm{width:127px;height:23px;background:#3c3c3c;-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;font-size:14px;color:#fff;text-align:center;line-height:23px;overflow:hidden;margin-top:26px;margin-left:28px}
#header2 .area2 .btm .btm_wrap .ham_btn{line-height:1;margin-top:27px;margin-left:10px}
#header2 .area2 .btm .btm_wrap .ham_btn button{float:left;}
#header2 .area2 .btm .btm_wrap .ham_btn .mb_me_fv_btn{display:none;margin-right:10px}
/* 22.03.15 수정 시작 */
#header2 .area2 .me_fullview{display:none;position:fixed;top:50%;left:50%;width:1280px;height:821px;background:#fff;border:2px solid #282828;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:99999}
/* 22.03.15 수정 끝 */
#header2 .area2 .me_fullview .close_btn{position:absolute;top:20px;right:20px;}
#header2 .area2 .me_fullview .tit{padding-left:79px;margin-top:68px;margin-bottom:26px}
#header2 .area2 .me_fullview .tit > *{float:left;color:#3c3c3c;}
#header2 .area2 .me_fullview .tit h2{font-size:36px;font-weight:700}
#header2 .area2 .me_fullview .tit h3{font-size:30px;opacity:0.25;filter:Alpha(opacity=25);padding-top:10px;padding-left:5px}
#header2 .area2 .me_fullview .txt{padding-left:79px}
#header2 .area2 .me_fullview .txt > div{margin-top:22px}
#header2 .area2 .me_fullview .txt .txt1{margin-top:0}
#header2 .area2 .me_fullview .txt > div h3{font-size:24px;font-weight:500;line-height:1;margin-bottom:9px;padding-left:2.5px}
#header2 .area2 .me_fullview .txt > div h3 img{margin-top:11px;margin-right:9px}
#header2 .area2 .me_fullview .txt > div ul li{float:left;width:155px;height:50px;background:#f2f2f2;margin:0 2.5px 5px}
#header2 .area2 .me_fullview .txt > div ul li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;line-height:48px}
/* 22.03.15 추가 시작 */
#header2 .area2 .me_fullview .txt .txt4{width:calc(100% - 79px);margin-top:50px}
#header2 .area2 .me_fullview .txt .txt4 ul{width:100%}
#header2 .area2 .me_fullview .txt .txt4 ul li{width:100%;margin:0;margin-left:1%}
#header2 .area2 .me_fullview .txt .txt4 ul li:first-child{margin-left:0}
#header2 .area2 .me_fullview .txt .txt4 ul li.misite{background:#202020}
#header2 .area2 .me_fullview .txt .txt4 ul li.mios{background:#3c3c3c}
#header2 .area2 .me_fullview .txt .txt4 ul li a{display:block;width:100%;height:100%;color:#fff}
/* 22.03.15 추가 끝 */
#header2 .full_menu{display:none;position:absolute;top:/*110px;*/92px;left:0;width:100%;height:468px;background:#fff;z-index:2;border-bottom:1px solid #e0e0e0}
#header2 .full_menu > ul{margin:0 70px;padding-top:56px}
#header2 .full_menu > ul > li{float:left;width:19.36%;margin-left:0.8%;}
#header2 .full_menu > ul > li.mb_dn{display:none;}
#header2 .full_menu > ul > li.mb_dn h3 a{display:block;width:100%;height:100%}
#header2 .full_menu > ul > li:first-child{margin-left:0}
#header2 .full_menu > ul > li h3{position:relative;font-size:20px;font-weight:700;text-align:center;border-bottom:2px solid #023eb7;padding-bottom:7px}
#header2 .full_menu > ul > li h3 .plus_btn{display:none;width:21px;height:21px;position:absolute;top:50%;right:4%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
#header2 .full_menu > ul > li h3 .plus_btn img{-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
#header2 .full_menu > ul > li ul{padding-top:15px}
#header2 .full_menu > ul > li ul li a{display:block;font-size:16px;color:#807f7f;line-height:1;padding:8px 0 8px 23px}

#main2 .cnt1{padding-bottom:129px}
#main2 .cnt1 .area2{height:100%;padding-top:29px}
#main2 .cnt1 .area2 > div{float:left;height:800px}
#main2 .cnt1 .area2 .left{width:27.9%;}
#main2 .cnt1 .area2 .mid{width:41%;margin:0 1.6%;background-color: #eee;}

#main2 .cnt1 .area2 .mid li{height:100%}


#main2 .cnt1 .area2 .mid li img{width:100%;height:40.1042vw;}
#main2 .cnt1 .area2 .right{width:27.9%}
#main2 .cnt1 .area2 .left ul{height:100%;width:100%}
#main2 .cnt1 .area2 .left ul li{float:left;width:calc(50% - 8px);height:calc(50% - 8px);background:#f3f3f3;margin-left:16px;border:2px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all s; -moz-transition:all s; -o-transition:all s; transition:all 0.5s;}
#main2 .cnt1 .area2 .left ul li:nth-child(1), #main2 .cnt1 .area2 .left ul li:nth-child(3){margin-left:0}
#main2 .cnt1 .area2 .left ul li:nth-child(3), #main2 .cnt1 .area2 .left ul li:nth-child(4){margin-top:16px}
#main2 .cnt1 .area2 .left ul li a{position:relative;display:block;width:100%;height:100%}
#main2 .cnt1 .area2 .left ul li a h2{font-size:26px;font-weight:500;line-height:32px;padding-left:30px;padding-top:33px}
#main2 .cnt1 .area2 .left ul li a .icon{display:block;margin-left:30px;margin-top:13px}
#main2 .cnt1 .area2 .left ul li a p{position:absolute;bottom:30px;right:30px;font-size:18px;line-height:1}
#main2 .cnt1 .area2 .left ul li a p img{margin-top:6px;margin-left:9px}
#main2 .cnt1 .area2 .mid .bx-wrapper{box-shadow:none;border:0;background:none;margin-bottom:0;height:100%}
#main2 .cnt1 .area2 .mid .bx-wrapper .bx-viewport{height:100% !important}
#main2 .cnt1 .area2 .mid .bx-wrapper .bx-viewport ul{height:100%}
#main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager{padding-top:0;bottom:20px;}
/* #main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager > div a{width:74px;height:4px;background:#fff;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager > div a.active{background:#0b29c3}
 */

#main2 .cnt1 .area2 .right ul{height:100%}
#main2 .cnt1 .area2 .right ul li{float:left;width:calc(50% - 8px);height:calc(50% - 8px);background:#f3f3f3;margin-left:16px;border:2px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all s; -moz-transition:all s; -o-transition:all s; transition:all 0.5s;}
#main2 .cnt1 .area2 .right ul li:nth-child(1), #main2 .cnt1 .area2 .right ul li:nth-child(3){margin-left:0}
#main2 .cnt1 .area2 .right ul li:nth-child(3), #main2 .cnt1 .area2 .right ul li:nth-child(4){margin-top:16px}
#main2 .cnt1 .area2 .right ul li a{position:relative;display:block;width:100%;height:100%}
#main2 .cnt1 .area2 .right ul li a h2{font-size:26px;font-weight:500;line-height:32px;padding-left:30px;padding-top:33px}
#main2 .cnt1 .area2 .right ul li a .icon{display:block;margin-left:30px;margin-top:13px}
#main2 .cnt1 .area2 .right ul li a p{position:absolute;bottom:30px;right:30px;font-size:18px;line-height:1}
#main2 .cnt1 .area2 .right ul li a p img{margin-top:6px;margin-left:9px}

#camS11 .cnt1{border-top:4px solid #0c0f81}
#camS11 .cnt1 .area .bar{display:block;text-align:center}
#camS11 .cnt1 .area .tit h2{position:relative;font-size:60px;text-align:center;line-height:70px;letter-spacing:3px;padding-top:59px}
#camS11 .cnt1 .area .tit h2 strong{font-weight:700;color:#0c0f81}
#camS11 .cnt1 .area .tit h2 span{position:absolute;bottom:-3px;left:50%;margin-left:-3px;width:334px;height:21px;background:#ffdf71;-webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px;z-index:-1}
#camS11 .cnt1 .area .txt .top{margin-top:98px}
#camS11 .cnt1 .area .txt .top > div{float:left;}
#camS11 .cnt1 .area .txt .top .left p{font-size:22px;font-weight:300;line-height:35px;letter-spacing:-1.5px;padding-top:36px}
#camS11 .cnt1 .area .txt .top .left p:first-child{padding-top:0}
#camS11 .cnt1 .area .txt .top .left p strong{position:relative;}
#camS11 .cnt1 .area .txt .top .left p span{position:absolute;z-index:-1;height:11px;background:#ffdf71;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
#camS11 .cnt1 .area .txt .top .left p.p1 .uline1{bottom:0;left:-3px;width:230px;}
#camS11 .cnt1 .area .txt .top .left p.p1 .uline2{bottom:0;left:-3px;width:300px;}
#camS11 .cnt1 .area .txt .top .left p.p2 .uline1{bottom:0;left:-2px;width:224px;}
#camS11 .cnt1 .area .txt .top .left p.p2 .uline2{bottom:0;left:-2px;width:356px;}
#camS11 .cnt1 .area .txt .top .left p .str2{color:#0c0f81}
#camS11 .cnt1 .area .txt .top .right{float:right;padding-top:14px}
#camS11 .cnt1 .area .txt .btm{margin-top:50px}
#camS11 .cnt1 .area .txt .btm ul li{float:left;margin-left:144px}
#camS11 .cnt1 .area .txt .btm ul li:first-child{margin-left:0}
#camS11 .cnt1 .area .txt .btm ul li > *{text-align:center;letter-spacing:-1.5px;}
#camS11 .cnt1 .area .txt .btm ul li .icon{display:block;}
#camS11 .cnt1 .area .txt .btm ul li h3{font-size:24px;font-weight:700;padding-top:30px}
#camS11 .cnt1 .area .txt .btm ul li p{font-size:20px;font-weight:300;line-height:25px;padding-top:5px}
#camS11 .cnt2{background:#efefef;border-top:4px solid #0c0f81;margin-top:199px;padding-bottom:60px}
#camS11 .cnt2 .area .bar{display:block;text-align:center}
#camS11 .cnt2 .area .tit h2{position:relative;font-size:60px;text-align:center;line-height:70px;letter-spacing:3px;padding-top:59px}
#camS11 .cnt2 .area .tit h2 strong{font-weight:700;color:#0c0f81;position:relative;z-index:1}
#camS11 .cnt2 .area .tit h2 span{position:absolute;bottom:-3px;left:50%;margin-left:-40px;width:334px;height:21px;background:#ffdf71;-webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px}
#camS11 .cnt2 .area .txt{margin-top:102px}
#camS11 .cnt2 .area .txt ul li{position:relative;float:left;width:18.5%;background:#fff;border:2px solid #d2d2d2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.875%;margin-bottom:1.5%}
#camS11 .cnt2 .area .txt ul li:nth-child(5n+1){margin-left:0}
#camS11 .cnt2 .area .txt ul li:after{content:"";display:block;padding-bottom:100%}
#camS11 .cnt2 .area .txt ul li .inner{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#camS11 .cnt2 .area .txt ul li .inner h3{font-size:26px;font-weight:500;text-align:center;line-height:30px;}
#camS11 .cnt2 .area .txt ul li .inner p{font-size:24px;font-weight:300;text-align:center}
#camS11 .cnt2 .area .txt ul li .inner a{display:block;width:164px;height:36px;line-height:30px;background:#eee;border:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;font-size:16px;text-align:center;font-weight:500;color:#0c0f81;overflow:hidden;margin:11px auto 0}
#camS12 .cnt1{padding-bottom:100px}
#camS12 .cnt1 .area > h2{font-size:40px;text-align:center;color:#202020;line-height:1;padding:100px 0 69px}
#camS12 .cnt1 .area .txt .map{width:1200px;height:596px;margin:0 auto;border-top:2px solid #023eb7;border-bottom:2px solid #023eb7}
#camS12 .cnt1 .area .txt ul{width:1200px;margin:0 auto}
#camS12 .cnt1 .area .txt ul li{border-bottom:2px solid #e0e0e0;display: flex;align-items: center;word-break: keep-all;}
/* #camS12 .cnt1 .area .txt ul li > *{float:left;} */
#camS12 .cnt1 .area .txt ul li .p_wrap p{font-size:20px;font-weight:300;word-wrap:normal}
#camS12 .cnt1 .area .txt ul li .p_wrap p strong{font-weight:500}
#camS12 .cnt1 .area .txt ul li.map_info1{padding:19px 0}
#camS12 .cnt1 .area .txt ul li.map_info1 .icon{margin:0 40px 0 20px;}
#camS12 .cnt1 .area .txt ul li.map_info1 .p_wrap p{margin-top:8px}
#camS12 .cnt1 .area .txt ul li.map_info1 .p_wrap p.first{margin-top:0}
#camS12 .cnt1 .area .txt ul li.map_info2 .icon{margin:0 40px 0 20px}
#camS12 .cnt1 .area .txt ul li.map_info2 .p_wrap p{float:left;line-height:90px;padding-left:22px;margin-left:20px;background:url("../images/sub/cam_s1_bar.jpg") no-repeat left center;}
#camS12 .cnt1 .area .txt ul li.map_info2 .p_wrap p.first{padding-left:0;margin-left:0;background:none}

#camS21 .cnt1{padding-bottom:100px}
#camS21 .cnt1 .area .tit{padding-top:79px}
#camS21 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#camS21 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#camS21 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#camS21 .cnt1 .area .txt{width:1200px;margin:37px auto 0}
#camS21 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:11.59%;height:60px;line-height:58px;background:#f3f3f3;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:1.04%}
#camS21 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;font-weight:500;text-align:center;overflow: hidden; text-overflow: ellipsis;}
#camS21 .cnt1 .area .txt .tab_split .tab_btn li:last-child{line-height:32px;margin-right:0}
#camS21 .cnt1 .area .txt .tab_split .tab_btn li:last-child a{padding-top:4px;line-height:48px}
#camS21 .cnt1 .area .txt .tab_split .tab_btn li.on{background:#023eb7;border:0}
#camS21 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt{margin-top:40px}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li{position:relative;float:left;width:24.025%;height:420px;margin-left:1.3%;overflow:hidden;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li:nth-child(4n+1){margin-left:0}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li{margin-bottom:1.3%}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li > div{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back{display:none;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt{width:100%;height:100%;background:#f3f3f3;border:2px solid #e0e0e0;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt h4{position:relative;display:inline-block;height:24px;line-height:24px;background:#023eb7;color:#fff;font-size:18px;font-family:NSB, NSR, 'Noto Sans KR', sans-serif;overflow:hidden;padding:0 24px;margin-top:18px;margin-left:18px;z-index:1}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt h3{position:relative;z-index:1;font-size:36px;font-family:NSR, NSB, 'Noto Sans KR', sans-serif;padding-left:18px;padding-top:7px}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt h3 strong{font-weight:normal;font-family:NSEB, NSB, 'Noto Sans KR', sans-serif;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt p{position:relative;z-index:1;font-size:22px;font-family:NSR, NSB, 'Noto Sans KR', sans-serif;line-height:30px;padding-left:18px;padding-top:25px}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt .img{position:absolute;bottom:0;right:0;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt .img img{width:100%;height:100%;object-fit:cover}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt .profile_btn{position:absolute;bottom:18px;left:18px;width:80px;height:30px;background:#e0e0e0;font-size:18px;font-family:NSR, NSB, 'Noto Sans KR', sans-serif;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back{width:100%;height:100%;background:#fff;border:2px solid #023eb7}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h4{position:relative;display:inline-block;height:24px;line-height:24px;background:#0c0f81;color:#fff;font-size:18px;font-family:NSB, NSR, 'Noto Sans KR', sans-serif;overflow:hidden;padding:0 24px;margin-top:18px;margin-left:18px;z-index:1}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h3{position:relative;z-index:1;font-size:36px;font-family:NSR, NSB, 'Noto Sans KR', sans-serif;padding:7px 0 24px 18px}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h3 strong{font-weight:normal;font-family:NSEB, NSB, 'Noto Sans KR', sans-serif;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back p{font-size:16px;font-family:NSR, NSB, 'Noto Sans KR', sans-serif;line-height:25px;padding-left:18px;padding-right:15px;word-break:keep-all;}
#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back p span{display:block;padding-left:33px}

#black{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;filter:Alpha(opacity=30);z-index:3}

#payPopup{display:none;position:fixed;top:50%;left:50%;width:550px;height:711px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#payPopup .close_btn{position:absolute;top:-30px;right:0;}
#payPopup .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#payPopup .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#payPopup .box .ul_wrap{width:490px;margin:0 auto;border-top:3px solid #0c0f81}
#payPopup .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#payPopup .box .ul_wrap > ul > li > *{float:left;}
#payPopup .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#payPopup .box .ul_wrap > ul > li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#payPopup .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#payPopup .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#payPopup .box .ul_wrap > ul > li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#payPopup .box .ul_wrap > ul > li.li_nb h4{width:118px}
#payPopup .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 130px)}
#payPopup .box .ul_wrap > ul > li.li_nb ul li{float:left;width:31%;margin-left:3.4%}
#payPopup .box .ul_wrap > ul > li.li_nb ul li:first-child{margin-left:0}
#payPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{position:relative;width:100%;height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#payPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#payPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box input:focus{outline:0}
#payPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#payPopup .box .ul_wrap strong{display:block;font-size:16px;font-weight:300;color:#b00000;letter-spacing:-1.5px;line-height:20px;padding-top:16px;padding-bottom:23px}
#payPopup .box .agr_wrap{margin-left:42px;width:478px}
#payPopup .box .agr_wrap .top{margin-top: 10px;}
#payPopup .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555}
#payPopup .box .agr_wrap .top .chk_wrap{float:right;}
#payPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#payPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{display:inline-block;position:relative;cursor:pointer;padding-left:15px;font-size:12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;color:#555}
#payPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:5px;width:10px;height:10px;text-align:center;border:1px solid #b9b9b9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#payPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{content: '';position:absolute;top:5px;left:0;width:10px;height:10px;text-align:center;background:#282828;border:0}
#payPopup .box .agr_wrap .btm{width:466px;height:83px;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;overflow:auto;}
#payPopup .box .agr_wrap .btm p{font-size:14px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all;}
#payPopup .box .pay_btn{display:block;width:490px;height:40px;background:#3c3c3c;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0}

#reservPopup{display:none;position:fixed;top:50%;left:50%;width:550px;height:782px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#reservPopup .close_btn{position:absolute;top:-30px;right:0;}
#reservPopup .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#reservPopup .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#reservPopup .box .ul_wrap{width:490px;margin:0 auto;border-top:3px solid #023eb7}
#reservPopup .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#reservPopup .box .ul_wrap > ul > li > *{float:left;}
#reservPopup .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#reservPopup .box .ul_wrap > ul > li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#reservPopup .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555;vertical-align: initial;}
#reservPopup .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#reservPopup .box .ul_wrap > ul > li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#reservPopup .box .ul_wrap > ul > li.li_grd ul li{float:left;width:50%}
#reservPopup .box .ul_wrap > ul > li.li_grd ul li > *{float:left;}
#reservPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#reservPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#reservPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box input:focus{outline:0}
#reservPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#reservPopup .box .ul_wrap > ul > li.li_nb h4{width:118px}
#reservPopup .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 130px)}
#reservPopup .box .ul_wrap > ul > li.li_nb ul li{float:left;width:100%;margin-left:3.4%}
#reservPopup .box .ul_wrap > ul > li.li_nb ul li:first-child{margin-left:0}
#reservPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{position:relative;width:100%;height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#reservPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#reservPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box input::placeholder{font-size: 13px; color: #ccc;}
#reservPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box input:focus{outline:0}
#reservPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#reservPopup .box .ul_wrap strong{display:block;font-size:16px;font-weight:300;color:#b00000;letter-spacing:-1.5px;line-height:20px;padding-top:16px;padding-bottom:23px}
#reservPopup .box .agr_wrap{margin-left:42px;width:478px}
#reservPopup .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555}
#reservPopup .box .agr_wrap .top .chk_wrap{float:right;}
#reservPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#reservPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{display:inline-block;position:relative;cursor:pointer;padding-left:15px;font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;color:#555}
#reservPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:4px;width:13px;height:13px;text-align:center;border:1px solid #b9b9b9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#reservPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{content: '';position:absolute;top:4px;left:0;width:13px;height:13px;text-align:center;background:#282828;border:0}
#reservPopup .box .agr_wrap .btm{width:466px;height:83px;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;overflow:auto;}
#reservPopup .box .agr_wrap .btm p{font-family: sans-serif; font-size:14px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all;}
#reservPopup .box .apl_btn{display:block;width:490px;height:40px;background:#023eb7;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0}

#reqPopup{display:none;position:fixed;top:50%;left:50%;width:550px;height:782px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#reqPopup .close_btn{position:absolute;top:-30px;right:0;}
#reqPopup .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#reqPopup .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#reqPopup .box .ul_wrap{width:490px;margin:0 auto;border-top:3px solid #023eb7}
#reqPopup .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#reqPopup .box .ul_wrap > ul > li > *{float:left;}
#reqPopup .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#reqPopup .box .ul_wrap > ul > li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#reqPopup .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#reqPopup .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#reqPopup .box .ul_wrap > ul > li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#reqPopup .box .ul_wrap > ul > li.li_grd ul li{float:left;width:50%}
#reqPopup .box .ul_wrap > ul > li.li_grd ul li > *{float:left;}
#reqPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#reqPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#reqPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box input:focus{outline:0}
#reqPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#reqPopup .box .ul_wrap > ul > li.li_nb h4{width:118px}
#reqPopup .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 130px)}
#reqPopup .box .ul_wrap > ul > li.li_nb ul li{float:left;width:100%;margin-left:3.4%}
#reqPopup .box .ul_wrap > ul > li.li_nb ul li:first-child{margin-left:0}
#reqPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{position:relative;width:100%;height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#reqPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#reqPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box input:focus{outline:0}
#reqPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#reqPopup .box .ul_wrap strong{display:block;font-size:16px;font-weight:300;color:#b00000;letter-spacing:-1.5px;line-height:20px;padding-top:16px;padding-bottom:23px}
#reqPopup .box .agr_wrap{margin-left:42px;width:478px}
#reqPopup .box .agr_wrap .top{margin-top: 10px;}
#reqPopup .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555}
#reqPopup .box .agr_wrap .top .chk_wrap{float:right;}
#reqPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#reqPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{display:inline-block;position:relative;cursor:pointer;padding-left:15px;font-size:12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;color:#555}
#reqPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:5px;width:10px;height:10px;text-align:center;border:1px solid #b9b9b9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#reqPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{content: '';position:absolute;top:5px;left:0;width:10px;height:10px;text-align:center;background:#282828;border:0}
#reqPopup .box .agr_wrap .btm{width:466px;height:83px;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;overflow:auto;}
#reqPopup .box .agr_wrap .btm p{font-size:14px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all;}
#reqPopup .box .inq_btn{display:block;width:490px;height:40px;background:#023eb7;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0}

#reqIqPopup{display:none;position:fixed;top:50%;left:50%;width:450px;height:323px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#reqIqPopup .close_btn{position:absolute;top:-30px;right:0;}
#reqIqPopup .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#reqIqPopup .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#reqIqPopup .box .ul_wrap{width:390px;margin:0 auto;border-top:3px solid #0c0f81}
#reqIqPopup .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#reqIqPopup .box .ul_wrap > ul > li > *{float:left;}
#reqIqPopup .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#reqIqPopup .box .ul_wrap > ul > li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#reqIqPopup .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#reqIqPopup .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#reqIqPopup .box .ul_wrap > ul > li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#reqIqPopup .box .inq_btn{display:block;width:390px;height:40px;background:#023EB7;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0}

#alarmPopup{display:none;position:fixed;top:50%;left:50%;width:450px;height:564px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}
#alarmPopup .close_btn{position:absolute;top:-30px;right:0;}
#alarmPopup .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#alarmPopup .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#alarmPopup .box .ul_wrap{width:390px;margin:0 auto;border-top:3px solid #0c0f81}
#alarmPopup .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#alarmPopup .box .ul_wrap > ul > li > *{float:left;}
#alarmPopup .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#alarmPopup .box .ul_wrap > ul > li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#alarmPopup .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#alarmPopup .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#alarmPopup .box .ul_wrap > ul > li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#alarmPopup .box .ul_wrap > ul > li.li_grd ul li{float:left;width:50%}
#alarmPopup .box .ul_wrap > ul > li.li_grd ul li > *{float:left;}
#alarmPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#alarmPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#alarmPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box input:focus{outline:0}
#alarmPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 h4{width:100px}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul{width:70%;}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li{float:left;width:100%;margin-left:2%}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li:first-child{margin-left:0}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li .ip_box{position:relative;width:100%;height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li .ip_box input{width:65%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
/* 추가 */
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li .ip_box span{font-size: 11px;color: #999;}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li .ip_box input:focus{outline:0}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 .send_btn{display:block;width:81px;height:25px;line-height:22px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px;text-align:center;color:#9e9e9e;margin-left:5px}
#alarmPopup .box .ul_wrap > ul > li.li_nb2 h4{width:100px}
#alarmPopup .box .ul_wrap > ul > li.li_nb2 .ip_box{position:relative;width:calc(100% - 198px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px}
#alarmPopup .box .ul_wrap > ul > li.li_nb2 .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#alarmPopup .box .ul_wrap > ul > li.li_nb2 .ip_box input:focus{outline:0}
#alarmPopup .box .ul_wrap > ul > li.li_nb2 .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#alarmPopup .box .ul_wrap > ul > li.li_nb2 .ok_btn{display:block;width:81px;height:25px;line-height:22px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px;text-align:center;color:#9e9e9e;margin-left:5px}
#alarmPopup .box .agr_wrap{margin-left:42px;width:366px;margin-top:15px}
#alarmPopup .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555}
#alarmPopup .box .agr_wrap .top .chk_wrap{float:right;}
#alarmPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#alarmPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{display:inline-block;position:relative;cursor:pointer;padding-left:15px;font-size:13.5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;color:#555}
#alarmPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:5px;width:12px;height:12px;text-align:center;border:1px solid #b9b9b9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#alarmPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{content: '';position:absolute;top:5px;left:0;width:12px;height:12px;text-align:center;background:#282828;border:0}
#alarmPopup .box .agr_wrap .btm{width:366px;height:83px;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;overflow:auto;}
#alarmPopup .box .agr_wrap .btm p{font-family:sans-serif;font-size:12px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all;}
#alarmPopup .box .apl_btn{display:block;width:390px;height:40px;background:#0c0f81;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0}

#filePopup{display:none;position:fixed;top:50%;left:50%;width:450px;height:303px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;margin-top: -50px;}
#filePopup .close_btn{position:absolute;top:-30px;right:0;}
#filePopup .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;padding: 30px 0;}
#filePopup .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-bottom:24px}
#filePopup .box .ul_wrap{width:390px;margin:0 auto;border-top:3px solid #0c0f81;padding-top:12px;padding-bottom:19px;border-bottom:1px solid #d4d4d4}
#filePopup .box .ul_wrap > ul > li{height:40px;overflow:hidden}
#filePopup .box .ul_wrap > ul > li > *{float:left;}
#filePopup .box .ul_wrap > ul > li > div:nth-child(1){width:25%;font-size:18px;font-weight:bold;padding-top:5px;}

#filePopup .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:80px;line-height:40px}
#filePopup .box .ul_wrap > ul > li .ip_box{position:relative;width: 75%;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
#filePopup .box .ul_wrap > ul > li .ip_box input{width:95%;padding-left: 5px;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555;font-size: 12px;padding: 5px;box-sizing: border-box;}
#filePopup .box .ul_wrap > ul > li .ip_box input:focus{outline:0}
#filePopup .box .ul_wrap > ul > li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555}
#filePopup .box .ul_wrap > ul > li .find_file{font-size:16px;font-weight:300;color:#555;display:block;width:81px;height:40px;line-height:38px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-align:center;margin-left:5px}
#filePopup .box .ok_btn{display:block;width:390px;height:40px;background:#0c0f81;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0}

#camS31 .cnt1{padding-bottom:100px}
#camS31 .cnt1 .area .tit{padding-top:79px}
#camS31 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#camS31 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#camS31 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#camS31 .cnt1 .area .txt{width:1200px;margin:32px auto 0}
#camS31 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:19.3%;height:60px;line-height:58px;background:#f3f3f3;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0.875%}
#camS31 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:22px;font-weight:500;text-align:center;cursor: pointer;}
#camS31 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#camS31 .cnt1 .area .txt .tab_split .tab_btn li.on{background:#023eb7}
#camS31 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div{display:none;padding-top:60px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt .tab_cnt1{display:block;}

#camS31 .cnt1 .area .txt .tab_split > .tab_cnt .tab_cnt1 .tab_btn2{display: flex;justify-content: center;}

#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li{float:left;width:49.5%;margin-left:1%;height:50px;line-height:48px;background:#f3f3f3;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li:first-child{margin-left:0}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li a{display:block;font-size:20px;text-align:center;font-weight:500;cursor: pointer;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li.on{background:#023eb7;color:#fff;border:0}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div{display:none;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt .sub_tab_cnt1{display:block;}
/* #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3{border-bottom:2px solid #282828;} */
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li{float:left;width:16.666666%;border-bottom:2px solid #282828;height:57px;margin-top:12px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li a{display:block;height:55px;line-height:55px;text-align:center;font-size:22px;font-weight:500;cursor: pointer;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li.on a{border-bottom:2px solid #0c0f81}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt .sub_tab_cnt1 .tab_split3 .tab_btn3{border-bottom:0;}
/* #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt .sub_tab_cnt2 .tab_split3 .tab_btn3 li:last-child{border-bottom:0} */
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div{display:none;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt .dth3_tab_cnt1{display:block;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div > h4{font-size:36px;text-align:center;font-weight:700;padding-top:58px;padding-bottom:22px;color:#3c3c3c}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div > .slt_div{width:150px;height:40px;border:1px solid #aaa;margin-bottom:20px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div > .slt_div select{width:100%;height:100%;font-size:17px;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-weight:700;border:0;color:#666}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb{border-top:4px solid #023eb7}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit{width:100%;height:50px;line-height:50px;background:#e0e0e0;border-bottom:2px solid #023eb7}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit h5{float:left;font-size:20px;text-align:center;font-weight:500}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit .th1{width:11%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit .th2{width:49%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit .th3{width:15%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit .th4{width:11%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit .th5{width:14%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul{width:100%;height:120px;border-bottom:1px solid #e0e0e0}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li{float:left;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(1){width:8%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(2){width:52%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(3){width:15%;padding-top:13px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(4){width:11%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(5){width:14%;padding-top:24px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li p{font-size:20px;color:#333;text-align:center;word-break: keep-all;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(1) p, #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(2) p, #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(4) p{line-height:120px}
/* #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(3) p:first-child{padding-bottom:5px} */
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(5) a{display:block;width:130px;height:32px;background:#0c0f81;-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;margin:0 auto;font-size:20px;color:#fff;text-align:center;margin-top:8px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(5) a:first-child{margin-top:0}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt > ul li:nth-child(5) a.ddl{background:#81120c}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .write_area{display:none;padding:30px 0 30px 5px;border-bottom:1px solid #023eb7}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_tit{margin-bottom:29px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_tit > *{font-size:18px;color:#333}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_tit h6{font-weight:700}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_tit p{line-height:1.3}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_txt > *{font-size:18px}

/* 추가 */
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt h4{font-size:36px;text-align:center;font-weight:700;padding-top:58px;padding-bottom:22px;color:#0c0f81}

/* #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt strong{font-weight: initial;} */
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul{width:100%;height:120px;border-bottom:1px solid #e0e0e0}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li{float:left;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(1){width:11%;height:100%;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(2){width:49%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3){width:15%;padding-top:13px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(4){width:11%}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(5){width:14%;padding-top:24px}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li p{font-size:20px;color:#333;text-align:center;word-break: keep-all;max-height: 100%;overflow: hidden;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(1) p{line-height: initial !important;position: relative;top: 50%;transform: translateY(-50%);word-wrap: break-word;width: 100%;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(1) p, #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(2) p, #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(4) p{line-height:120px;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3) p:first-child{height: 100%;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(5) a{display:block;width:130px;height:32px;background:#023EB7;-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;margin:0 auto;font-size:20px;color:#fff;text-align:center;margin-top:8px;cursor: pointer;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(5) a:first-child{margin-top:0}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(5) a.ddl{background:#81120c}


/* p태그 가운데 정렬을 위한 추가 */
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3){height: 100%;padding-top: 0;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3) p{overflow: initial;word-break: keep-all;position: relative;}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3) p span{white-space: nowrap;}

/* 시간표 전체보기 추가 */
.go_print{margin-top: 20px;}
.go_print a{cursor: pointer;}

#camS41 .cnt1{padding-bottom:100px}
#camS41 .cnt1 .area .tit{padding-top:79px}
#camS41 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#camS41 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#camS41 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#camS41 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:37px auto 0}
#camS41 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:590px;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:20px}
#camS41 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#camS41 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500}
#camS41 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#camS41 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt{width:1200px;margin:21px auto 0}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none;}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2{border-bottom:2px solid #282828}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li{float:left;width:25%}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{display:block;width:100%;font-size:22px;font-weight:500;text-align:center;padding-bottom:16px}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li.on{border-bottom:2px solid #0c0f81}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div{display:none;}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > .sub_tab_cnt1{display:block;}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding:40px 0;margin-top:30px}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box > div{width:1120px;margin:0 auto}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit{height:84px;background:#f1f1f1;border-top:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #e0e0e0;overflow:hidden;padding-left:22px}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit h3{font-size:24px;line-height:78px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util{height:66px;line-height:64px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{float:left;font-size:20px;color:#808080;font-weight:300;padding-left:23px;margin-left:21px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 22px}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p:first-child{padding-left:23px;margin-left:0;background:none}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_area{height:fit-content;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:40px}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{float:left;width:591px;height:50px;text-align:center;line-height:48px;font-size:20px;font-weight:500;color:#fff}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_brf{background:#0c0f81}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{background:#282828;margin-left:18px}
#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{display:block;width:100%;height:50px;background:#282828;color:#fff;font-size:20px;text-align:center;line-height:48px;font-weight:500;margin-top:20px}

#camS42 .cnt1{padding-bottom:25px}
#camS42 .cnt1 .area .tit{padding-top:79px}
#camS42 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#camS42 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#camS42 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#camS42 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:37px auto 0}
#camS42 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:590px;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:20px}
#camS42 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0}
#camS42 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500}
#camS42 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#camS42 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt{width:1200px;margin:21px auto 0}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none;}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block;}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2{border-bottom:2px solid #282828}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li{float:left;width:25%}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{display:block;width:100%;font-size:22px;font-weight:500;text-align:center;padding-bottom:14px}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li.on{border-bottom:2px solid #0c0f81}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div{display:none;}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > .sub_tab_cnt1{display:block;}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{width:1200px;height:140px;background:#fff;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);margin:17px auto 0}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li:first-child{margin-top:30px}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{float:left;}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{font-size:24px;font-weight:500;line-height:35px;padding:16px 0 26px 19px}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left p{font-size:18px;font-weight:300;padding-left:19px;line-height:1;padding-bottom:8px}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right{float:right;margin-top:48px;margin-right:30px}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn{display:block;width:170px;height:50px;background:#0c0f81;font-size:20px;color:#fff;line-height:50px;text-align:center;border-radius: 25px;}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn > *{float:left;}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn img{width:17px;height:auto;margin-top:20px;margin-left:12px}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging{width:fit-content;margin:60px auto 0}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li{float:left;width:24px;height:24px;line-height:22px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8px}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.prev, #camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.next{border:0}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li:first-child{margin-left:0}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li a{display:block;width:100%;height:100%;font-size:14px;color:#b5b5b5;text-align:center}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.on{border:0;background:#0c0f81}
#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.on a{color:#fff}

#camS51 .cnt1{padding-bottom:100px;}
#camS51 .cnt1 .area .tit{padding-top:79px}
#camS51 .cnt1 .area .tit > *{font-size:46px;text-align:center;line-height:1}
#camS51 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#camS51 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#camS51 .cnt1 .area .txt{margin-top:50px}
#camS51 .cnt1 .area .txt .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding:40px 0;border-bottom:4px solid #0c0f7c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS51 .cnt1 .area .txt .box > div{width:1120px;margin:0 auto}
#camS51 .cnt1 .area .txt .box .write_tit{background:#f1f1f1;border-top:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #e0e0e0;overflow:hidden;padding:11px 0}
#camS51 .cnt1 .area .txt .box .write_tit h3{padding-left:22px;font-size:20px;line-height:1.3;word-wrap:normal;word-break:keep-all;}
#camS51 .cnt1 .area .txt .box .write_util{height:44px;line-height:40px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS51 .cnt1 .area .txt .box .write_util > p{float:left;font-size:18px;color:#808080;font-weight:300;margin-left:50px;}
#camS51 .cnt1 .area .txt .box .write_util > p:first-child{margin-left:24px}
#camS51 .cnt1 .area .txt .box .write_area{height:389px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS51 .cnt1 .area .txt .ctr a{display:flex;margin-top:16px}
#camS51 .cnt1 .area .txt .ctr a > *{float:left;}
#camS51 .cnt1 .area .txt .ctr a .arrow img{margin-top:8px;margin-right:10px}
#gateS51 .cnt1 .area .txt .ctr a p{font-size:18px;color:#333;line-height:1.5;word-break:keep-all;}
#camS51 .cnt1 .area .txt .view_list{display:block;width:222px;height:50px;background:#282828;font-size:24px;color:#fff;text-align:center;line-height:50px;font-weight:300;margin-top:36px}

#camS52 .cnt1{padding-bottom:137px}
#camS52 .cnt1 .area .tit{padding-top:79px}
#camS52 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1}
#camS52 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px}
#camS52 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30);}
#camS52 .cnt1 .area .txt{width:1200px;margin:50px auto 0;}
#camS52 .cnt1 .area .txt > ul{border-bottom:4px solid #0c0f81}
#camS52 .cnt1 .area .txt ul li.tb_tit{width:100%;height:56px;border-top:4px solid #0c0f81;border-bottom:2px solid #b5b5b5;background:#e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#camS52 .cnt1 .area .txt ul li > *{float:left;}
#camS52 .cnt1 .area .txt ul li h4{height:100%;font-size:20px;font-weight:500;text-align:center;line-height:50px}
#camS52 .cnt1 .area .txt ul li.tb_tit .th1{width:9%}
#camS52 .cnt1 .area .txt ul li.tb_tit .th2{width:66%}
#camS52 .cnt1 .area .txt ul li.tb_tit .th3{width:7%}
#camS52 .cnt1 .area .txt ul li.tb_tit .th4{width:12%}
#camS52 .cnt1 .area .txt ul li.tb_tit .th5{width:6%}
#camS52 .cnt1 .area .txt ul li.tb_txt{height:50px;line-height:48px;border-bottom:1px solid #e0e0e0}
#camS52 .cnt1 .area .txt ul li.tb_txt .td1{width:9%}
#camS52 .cnt1 .area .txt ul li.tb_txt .td2{width:66%}
#camS52 .cnt1 .area .txt ul li.tb_txt .td3{width:7%}
#camS52 .cnt1 .area .txt ul li.tb_txt .td4{width:12%}
#camS52 .cnt1 .area .txt ul li.tb_txt .td5{width:6%}
#camS52 .cnt1 .area .txt ul li > div p{font-size:16px;text-align:center;color:#333}
#camS52 .cnt1 .area .txt ul li.tb_txt .td2 p{text-align:left}
#camS52 .cnt1 .area .txt .paging{width:376px;margin:60px auto 0}
#camS52 .cnt1 .area .txt .paging ul li{float:left;width:24px;height:24px;line-height:22px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8px}
#camS52 .cnt1 .area .txt .paging ul li.prev, #camS52 .cnt1 .area .txt .paging ul li.next{border:0}
#camS52 .cnt1 .area .txt .paging ul li:first-child{margin-left:0}
#camS52 .cnt1 .area .txt .paging ul li a{display:block;width:100%;height:100%;font-size:14px;color:#b5b5b5;text-align:center}
#camS52 .cnt1 .area .txt .paging ul li.on{border:0;background:#0c0f81}
#camS52 .cnt1 .area .txt .paging ul li.on a{color:#fff}

#footer2{border-top:2px solid #e0e0e0;height:211px}
#footer2 .ft_util{height:52px;line-height:52px;overflow:hidden;}
#footer2 .ft_util .area ul li{float:left;padding-left:20px;margin-left:18px;background:url("../images/main/gate_ft_util_bar.jpg") no-repeat left center}
#footer2 .ft_util .area ul li:first-child{padding-left:0;margin-left:0;background:none}
#footer2 .ft_util .area ul li a{font-size:14px;cursor: pointer;}
#footer2 .ft_btm .area > div{float:left;}
#footer2 .ft_btm .area .btm_left{margin-top:7px}
#footer2 .ft_btm .area .btm_left > div{margin-top:10px}
#footer2 .ft_btm .area .btm_left > div a{float:left;width:156px;height:28px;line-height:24px;background:#e0e0e0;border:1px solid #ccc;border-radius: 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:16px;margin-left:3px}
#footer2 .ft_btm .area .btm_left > div a:first-child{margin-left:0}
#footer2 .ft_btm .area .btm_left .ft_logo a > *{float:left;}
#footer2 .ft_btm .area .btm_left .ft_logo a .fl_img1{width:150px}
#footer2 .ft_btm .area .btm_left .ft_logo a .fl_img1 img{width:100%;height:auto}
#footer2 .ft_btm .area .btm_left .ft_logo a .fl_img2{margin-left:4px}
#footer2 .ft_btm .area .btm_left .ft_logo a .fl_img2 img{margin-top:6px}
#footer2 .ft_btm .area .btm_right{margin-top:19px;margin-left:44px}
#footer2 .ft_btm .area .btm_right ul li.mid p{float:left;padding-left:13px;margin-left:11px;background:url("../images/main/cam_ft_bar.jpg") no-repeat left center}
#footer2 .ft_btm .area .btm_right ul li.mid p:first-child{padding-left:0;margin-left:0;background:none}
#footer2 .ft_btm .area .btm_right ul li address{padding-top:19px}

/* 팝업 */
.popup_container{
	position: absolute;
	z-index: 99998;
	/* display: none; */
	/* width: 400px; */
    /* width: max-content; */
	/* left: 50%;
    transform: translateX(-50%); */
}
.popup_container .slick-slide{
    margin: 30px;
    box-shadow: 2px 3px 10px rgb(70 70 70 / 90%);
    border-radius: 10px;
}
.popup_list {
    position: absolute;
    /* width: 400px; */
	height: auto;
    /* max-width: 400px; */
    /* display: none; */
    /* box-shadow: 2px 3px 10px rgb(23 23 23 / 90%); */
    /* top: 3%;
    left: 2%; */
}
.popup {
    position: absolute;
    /* width: 400px; */
    /* max-width: 400px; */
    /* display: none;
    z-index: 99999;
    box-shadow: 2px 3px 10px rgb(23 23 23 / 90%); */
    /* top: 3%;
    left: 2%; */
	display: none;
    width: max-content;
    z-index: 1;
}
.popup a{
    width:100%;
    height:100%;
    display:block;
}
.popup img{
    /* min-width: 300px; */
    /* width:100%; */
    height: auto;
	border-radius: 10px 10px 0 0;
}
.popup-body > a{
	user-select: none;
}
.popup label{
    line-height: 0;
}
.popup-footer {
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    font-size:13px;
    line-height: 0;
    display: flex;
    /* justify-content: space-between;
    align-items: center; */
	text-align: center;
	border: 1px solid #171717;
	border-radius: 0 0 10px 10px;
}
.popup-footer > div{
	display: inline-block;
	/* padding: 8px 10px; */
	box-sizing:border-box;
	width: 50%;
	cursor: pointer;
}
.popup-footer > div:nth-child(1){
    border-right: 1px solid #171717;
}
.popup button{
    color: #fff;
}
.popup-footer a{
	width: 100%;
	height: 100%;
	display: block;
	padding: 16px 10px;
	box-sizing: border-box;
}
.popup-closebutton{

}


/* 팝업 */


.footer_img{
	width: 100%;
}

/* 1820 시작 */
@media all and (max-width:1820px) {
	.area2{width:96%}
	#main .cnt2 .area2 .blog_box .box_wrap{padding-left:0}
	#main .cnt2 .area2 .yt_box{border:0}
	#main .cnt2 .area2 .yt_box .box_wrap{float:right;}
	#main .cnt2 .area2 > div .box_wrap{margin:0}
	#main2 .cnt1{padding-bottom:80px}
	#main2 .cnt1 .area2 .left ul li a h2{font-size:24px;line-height:1.3;padding-top:20px;padding-left:22px}
	#main2 .cnt1 .area2 .left ul li a .icon{margin-left:22px}
	#main2 .cnt1 .area2 .left ul li a .icon img{width:26px;height:auto}
	#main2 .cnt1 .area2 .left ul li a p{font-size:14px;bottom:20px;right:20px;}
	#main2 .cnt1 .area2 .left ul li a p img{width:10px;height:auto;margin-top:5px}

	#main2 .cnt1 .area2 .right ul li a h2{font-size:24px;line-height:1.3;padding-top:20px;padding-left:22px}
	#main2 .cnt1 .area2 .right ul li a .icon{margin-left:22px}
	#main2 .cnt1 .area2 .right ul li a .icon img{height:auto}
	#main2 .cnt1 .area2 .right ul li a p{font-size:14px;right:20px;bottom:20px;}
	#main2 .cnt1 .area2 .right ul li a p img{width:10px;height:auto;margin-top:5px}
	#main2 .cnt1 .area2 .right ul li:nth-child(1) a .icon img{width:28px}
	#main2 .cnt1 .area2 .right ul li:nth-child(2) a .icon img{width:16px}
	#main2 .cnt1 .area2 .right ul li:nth-child(3) a .icon img{width:18px}
	#main2 .cnt1 .area2 .right ul li:nth-child(4) a .icon img{width:30px}
}
/* 1820 끝 */

/* 1700 시작 */
@media all and (max-width:1700px) {
	#main .cnt1 .area2 .btm ul li .h_wrap{padding-left:30px}
	#main .cnt1 .area2 .btm ul li strong{padding-right:30px}
}
/* 1700 끝 */

/* 1500 시작 */
@media all and (max-width:1500px) {
	#header .area2 #gnb > ul > li{margin-left:30px}
	#header .area2 #gnb > ul > li > a{font-size:18px;}
	#header .area2 .util > ul > li{padding-left:16px;margin-left:14px;-webkit-background-size:auto 16px;-moz-background-size:auto 16px;background-size:auto 16px;background-position:left 6px}
	#header .area2 .util > ul > li > a{font-size:18px}
	#header .area2 .util .me_fullview{width:90%;height:auto;padding-bottom:79px}
	#header2 .area2 .me_fullview{width:90%;height:auto;padding-bottom:79px}


	#main .cnt1 .area2 .top .right ul li a h3{font-size:20px;line-height:1.3;padding-top:25px;padding-left:22px}
	#main .cnt1 .area2 .top .right ul li a .icon img{height:auto}
	#main .cnt1 .area2 .top .right ul li.right_1 a .icon img{width:18px;}
	#main .cnt1 .area2 .top .right ul li.right_2 a .icon img{width:36px}
	#main .cnt1 .area2 .top .right ul li.right_3 a .icon img{width:32px}
	#main .cnt1 .area2 .top .right ul li.right_4 a .icon img{width:18px}
	#main .cnt1 .area2 .top .right ul li a p{font-size:14px;}
	#main .cnt1 .area2 .top .right ul li a p img{margin-top:7px;}
	#main .cnt1 .area2 .btm ul li .h_wrap{padding-top:84px}
	#main .cnt1 .area2 .btm ul li .h_wrap h4{font-size:22px;padding-bottom:8px}
	#main .cnt1 .area2 .btm ul li .h_wrap h3{font-size:28px}
	#main .cnt1 .area2 .btm ul li strong{font-size:22px;width:auto}

	#main .cnt2 .area2 > div .box_wrap{width:596px;padding-top:50px}
	#main .cnt2 .area2 > div .box_wrap .plus{margin:0}
	#main .cnt2 .area2 > div .box_wrap .wrap{margin-top:-25px}
	#main .cnt2 .area2 > div .box_wrap .wrap > *{float:none}
	#main .cnt2 .area2 > div .box_wrap .wrap h3{padding-bottom:15px}
	#main .cnt2 .area2 .yt_box .box_wrap .wrap ul{margin-left:0}
}
/* 1500 끝 */

/* 1280 시작 */
@media all and (max-width:1280px) {

    /* #main2 .cnt1 .area2 .mid li{width: 66.6667vw; height:70.3646vw;} */




	.area{width:96%;}
	#header{height:160px;}
	#header .area2{width:100%}
	#header .area2 .logo{top:17px;left:2%;width:253px}
	#header .area2 .logo a img{width:100%;height:auto}
	#header .area2 #gnb{right:0;width:100%;height:70px;line-height:70px;border-top:1px solid #e0e0e0}
	#header .area2 #gnb > ul{text-align:center}
	#header .area2 #gnb > ul > li > ul{opacity:0;filter:Alpha(opacity=0);}
	#header .area2 .util{top:31px;right:80px;}
	#header .area2 .util > ul > li{padding-left:10px;margin-left:8px}
	#header .area2 .ham_btn{top:40px;right:2%;}
	#header .area2 .ham_btn button{width:40px;height:40px}
	/* #header .area2 .ham_btn button img{width:100%;height:auto;margin:0} */
	#header .area2 .util .me_fullview{padding-bottom:40px}
	#header .area2 .util .me_fullview .tit{padding-left:40px;margin-top:40px}
	#header .area2 .util .me_fullview .tit h2{font-size:30px;}
	#header .area2 .util .me_fullview .tit h3{font-size:24px}
	#header .area2 .util .me_fullview .txt{padding-left:40px}
	#header .area2 .util .me_fullview .txt > div h3{font-size:22px;}
	#header .area2 .util .me_fullview .txt > div h3 img{margin-top:11px;width:4px;height:auto}
	#header .area2 .util .me_fullview .txt > div ul{margin-right:40px}
	#header .area2 .util .me_fullview .txt > div ul li{width:calc(20% - 5px);height:40px}
	#header .area2 .util .me_fullview .txt > div ul li a{font-size:18px;line-height:38px}
	#header .full_menu{height:auto;top:91px;}
	#header .full_menu > ul{width:90%;margin:0 auto;padding-top:30px}
	#header .full_menu > ul > li h3{font-size:18px}
	#header .full_menu > ul > li ul{padding-top:10px}
	#header .full_menu > ul > li ul li a{font-size:15px}

	#header2{position:relative;height:181px}
	#header2 .area2{width:100%}
	#header2 .area2 .top,#header .area2 .top{width:96%;margin:0 auto;padding-top: 4px;}
	#header2 .area2 .btm,#header .area2 .btm{margin-top:0;height:160px;padding:0 2%}
	#header2 .area2 .btm .hd_logo{top:22px;left:2%;}
	#header2 .area2 .btm .btm_wrap #gnb{height:70px;width:100%;position:absolute;left:0;bottom:0;border-top:1px solid #e0e0e0;line-height:70px}
	#header2 .area2 .btm .btm_wrap #gnb ul{text-align:center}
	#header2 .area2 .btm .btm_wrap #gnb > ul > li > ul{opacity:0;filter:Alpha(opacity=0);}
	#header2 .area2 .btm .btm_wrap .alarm{margin-top:34px;margin-left:0;margin-right:10px}
	#header2 .area2 .btm .btm_wrap .ham_btn{margin-top:24px}
	#header2 .area2 .btm .btm_wrap .ham_btn .mb_me_fv_btn{display:block;}
	#header2 .area2 .btm .btm_wrap .ham_btn button{width:40px;height:40px}
	#header2 .area2 .btm .btm_wrap .ham_btn button img{width:100%;height:auto;margin:0}
	#header2 .area2 .me_fullview{padding-bottom:40px}
	#header2 .area2 .me_fullview .tit{padding-left:40px;margin-top:40px}
	#header2 .area2 .me_fullview .tit h2{font-size:30px;}
	#header2 .area2 .me_fullview .tit h3{font-size:24px}
	#header2 .area2 .me_fullview .txt{padding-left:40px}
	#header2 .area2 .me_fullview .txt > div h3{font-size:22px;}
	#header2 .area2 .me_fullview .txt > div h3 img{margin-top:11px;width:4px;height:auto}
	#header2 .area2 .me_fullview .txt > div ul{margin-right:40px}
	#header2 .area2 .me_fullview .txt > div ul li{width:calc(20% - 5px);height:40px}
	#header2 .area2 .me_fullview .txt > div ul li a{font-size:18px;line-height:38px}
	#header2 .full_menu{height:auto;top:111px;}
	#header2 .full_menu > ul{width:90%;margin:0 auto;padding-top:30px}
	#header2 .full_menu > ul > li h3{font-size:18px}
	#header2 .full_menu > ul > li ul{padding-top:10px}
	#header2 .full_menu > ul > li ul li a{font-size:15px}

	#main .cnt1{padding-top:0}
	#main .cnt1 .area2{width:100%}
	#main .cnt1 .area2 .top > div{float:none;}
	#main .cnt1 .area2 .top .left{width:100%;margin-bottom:40px}
	#main .cnt1 .area2 .top .right{margin-left:0;width:96%;margin:0 auto}
	#main .cnt1 .area2 .top .right ul li{height:258px}
	#main .cnt1 .area2 .top .right ul li a h3{font-size:26px;line-height:32px;padding-top:32px;padding-left:29px}
	#main .cnt1 .area2 .top .right ul li a p{font-size:18px;}
	#main .cnt1 .area2 .top .right ul li a p img{margin-top:9px;margin-left:9px}
	#main .cnt1 .area2 .btm{height:200px;width:96%;margin:0 auto}
	#main .cnt1 .area2 .btm ul li .h_wrap{padding-top:24px}
	#main .cnt1 .area2 .btm ul li .h_wrap h4{font-size:20px;font-family:GSM, GSB, 'Noto Sans KR', sans-serif;padding-bottom:18px;text-decoration:underline}
	#main .cnt1 .area2 .btm ul li .h_wrap h3{font-size:30px;font-family:GSB, GSM, 'Noto Sans KR', sans-serif;line-height:40px}
	#main .cnt1 .area2 .btm ul li .h_wrap h3 em{display:block;}
	#main .cnt1 .area2 .btm ul li strong{font-size:20px;line-height:30px}
	#main .cnt1 .area2 .btm ul li strong span{font-size:24px}

	#main .cnt2{height:100%;border:0;margin-bottom:50px}
	#main .cnt2 .area2 > div{float:none;width:100%}
	#main .cnt2 .area2 .yt_box .box_wrap{float:none;}
	#main .cnt2 .area2 > div .box_wrap{width:100%;padding-top:50px}
	#main .cnt2 .area2 > div .box_wrap .wrap ul li{width:49%;margin-left:2%}
	#main .cnt2 .area2 > div .box_wrap .wrap ul li a img{width:100%;height:auto}
	#main .cnt2 .area2 .yt_box .box_wrap .wrap ul li{float:none;width:100%;margin-left:0}

    #main2 .cnt1 .area2 .mid li img{height: 100%;}

	#gateS11 .cnt1{min-height:300px}
	#gateS11 .cnt1 .wrap{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
	#gateS11 .cnt1 .wrap h2{padding-top:0}
	#gateS11 .cnt2 .area .txt{width:100%}
	#gateS11 .cnt2 .area .txt .tab_split .tab_btn{width:100%;border:2px solid #e0e0e0}
	#gateS11 .cnt2 .area .txt .tab_split .tab_btn li{width:33.333333%;margin-left:0;border:0;border-left:2px solid #e0e0e0;line-height:58px}
	#gateS11 .cnt2 .area .txt .tab_split .tab_btn li:first-child{border-left:0}

	#gateS21 .cnt2 .area .tab_split{width:100%}
	#gateS21 .cnt2 .area .tab_split .tab_btn{width:100%}
	#gateS21 .cnt2 .area .tab_split .tab_btn li a{line-height:1.3}
	#gateS21 .cnt2 .area .tab_split .tab_btn li a span{display:block;padding-top:11px}
	#gateS21 .cnt2 .area .tab_split .tab_cnt{width:100%;}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li{width:23.875%;margin-left:1.5%}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li:nth-child(5n+1){margin-left:1.5%}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li:nth-child(4n+1){margin-left:0}

	#gateS22 .cnt2 .area .tab_split{width:100%}
	#gateS22 .cnt2 .area .tab_split .tab_btn{width:100%}
	#gateS22 .cnt2 .area .tab_split .tab_cnt{width:100%;}

	#gateS31 .cnt1 .area .txt{width:100%}
	#gateS31 .cnt1 .area .txt .tab_split .tab_btn{width:100%}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li{position:relative;width:100%;height:auto;padding-bottom:20px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:60%}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit > *{float:none;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{display:block;margin-right:0}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{padding-top:10px;line-height:1.3;word-break:keep-all;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right{float:none;margin:0;position:absolute;right:30px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}

	#gateS32 .cnt1 .area .txt{width:100%}
	#gateS32 .cnt1 .area .txt .tab_split .tab_btn{width:100%}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt{width:100%;}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box > div{width:96%}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{width:100%}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{width:49.25%}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{margin-left:1.5%}

	#gateS33 .cnt1 .area .txt{width:100%}
	#gateS33 .cnt1 .area .txt .tab_split .tab_btn{width:100%}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li{position:relative;width:100%;height:auto;padding-bottom:20px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:60%}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit > *{float:none;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{display:block;margin-right:0}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{padding-top:10px;line-height:1.3;word-break:keep-all;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right{float:none;margin:0;position:absolute;right:30px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}

	#gateS34 .cnt1 .area .txt{width:100%}
	#gateS34 .cnt1 .area .txt .tab_split .tab_btn{width:100%}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt{width:100%;}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box > div{width:96%}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{width:100%}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{width:49.25%}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{margin-left:1.5%}

	#gateS41 .cnt1 .area .txt{width:100%;}

	#camS52 .cnt1 .area .txt{width:100%}

	#gateS42 .cnt1 .area .txt{width:100%}
	#gateS42 .cnt1 .area .txt .box > div{width:96%}

	#camS51 .cnt1 .area .txt .box > div{width:96%}

	#gateS43 .cnt1 .area .txt{width:100%}
	#gateS43 .cnt1 .area .txt .txt2 ul{padding-left:3%;width:97%}
	#gateS43 .cnt1 .area .txt .txt2 ul li{width:20%;}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap > div{float:none}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left{width:100%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li h4{width:16%;padding-left:2%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_1 .ip_box{width:82%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul{width:82%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li{margin-left:2%;width:32%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box{width:100%;}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul{width:82%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li{margin-left:2%;width:32%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li .ip_box{width:100%;}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap{width:82%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 .ip_box{width:66%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 .find_adr{width:32%;margin-left:2%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_2 .ip_box{width:100%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_3 .ip_box{width:100%;}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul{width:82%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li{width:31%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li:nth-child(2){width:4%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li .ip_box{width:100%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li p{margin:0;text-align:center}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li:last-child{margin-left:3%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li select{width:100%;padding-left:5%;margin-left:0}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right{width:98%;margin-left:2%;margin-top:50px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right button{width:100%}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul{float:none;width:98%;margin-left:2%}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box input{width:55%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul{float:none;width:98%;margin-left:2%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box label{right:10px;}
	#gateS43 .cnt1 .area .txt .txt6 .form_cont{width:98%;margin-left:2%;margin-top:26px}
	#gateS43 .cnt1 .area .txt .txt6 .form_cont label{font-size:14px}
	#gateS43 .cnt1 .area .txt .txt7 p{padding-left:2%}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap{margin-left:2%;width:98%}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap h4{width:13%;margin-right:0}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont{width:87%}
	#gateS43 .cnt1 .area .txt .txt8 .box{margin-left:2%;width:98%}

	#main2 .cnt1 .area2{position:relative;width:100%}
	#main2 .cnt1 .area2 > div{float:none;}
	#main2 .cnt1 .area2 .mid{width:100%;position:absolute;top:0;left:0;margin:0}
	#main2 .cnt1 .area2 .left, #main2 .cnt1 .area2 .right{width:96%;margin:16px auto 0;}

	#camS11 .cnt1 .area .txt .top{position:relative;}
	#camS11 .cnt1 .area .txt .top > div{float:none;}
	#camS11 .cnt1 .area .txt .top .left{padding-top:550px}
	#camS11 .cnt1 .area .txt .top .left p{text-align:center}
	#camS11 .cnt1 .area .txt .top .right{position:absolute;top:0;left:50%;float:none;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);padding-top:0}
	#camS11 .cnt1 .area .txt .btm ul li{margin-left:0;width:50%;margin-bottom:50px}
	#camS11 .cnt2{margin-top:100px}
	#camS11 .cnt2 .area .txt ul li{width:23.875%;margin-left:1.5%}
	#camS11 .cnt2 .area .txt ul li:nth-child(5n+1){margin-left:1.5%}
	#camS11 .cnt2 .area .txt ul li:nth-child(4n+1){margin-left:0}

	#camS12 .cnt1 .area .txt .map{width:100%;}
	#camS12 .cnt1 .area .txt ul{width:100%}
	#camS12 .cnt1 .area .txt ul li{height:auto;padding:20px 0}
	#camS12 .cnt1 .area .txt ul li .icon{margin:0px;width:80px}
	/* #camS12 .cnt1 .area .txt ul li .icon img{display:block;margin-left:auto;margin-right:auto;margin-top:5px} */
    #camS12 .cnt1 .area .txt ul li.map_info1 .icon, #camS12 .cnt1 .area .txt ul li.map_info2 .icon {
        margin: 0px;
        width: 80px
    }

    #camS12 .cnt1 .area .txt ul li.map_info1 .icon img, #camS12 .cnt1 .area .txt ul li.map_info2 .icon img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px
    }
	#camS12 .cnt1 .area .txt ul li .p_wrap{width:calc(100% - 80px)}
	#camS12 .cnt1 .area .txt ul li .p_wrap p{float:none;padding-left:0;margin-left:0;background:none;line-height:1.5}
    #camS12 .cnt1 .area .txt ul li.map_info1 .p_wrap p {
        margin-top: 0
    }

    #camS12 .cnt1 .area .txt ul li.map_info2 .p_wrap p {
        float: none;
        padding-left: 0;
        margin-left: 0;
        background: none;
        line-height: 1.5
    }

	#camS21 .cnt1 .area .txt{width:100%}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li{height:80px;line-height:80px}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li:last-child{line-height:1.3}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li:last-child a{padding-top:13px;height:67px}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:20px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li{width:32.3%;height:420px;margin-left:1.55%}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li:nth-child(4n+1){margin-left:1.55%}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li:nth-child(3n+1){margin-left:0}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt h4, #camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h4{font-size:15px;padding:0 18px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt h3, #camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h3{font-size:32px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt p{font-size:20px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back p{font-size:14px}

	#camS31 .cnt1 .area .txt{width:100%}
	#camS31 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:20px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:18px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li{height:50px;margin-top:5px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li a{font-size:18px;height:48px;line-height:48px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb{border-top:2px solid #b5b5b5}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_tit{display:none;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul{position:relative;height:auto;padding:20px 0}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li{float:none;width:97% !important;padding-top:0;padding-left:3%;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li p{text-align:left;line-height:1.5 !important;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(1) p{font-weight:700}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3){padding-top:0}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3) p{display:inline-block}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3) p:first-child{padding-bottom:0;padding-right:15px;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(5){position:absolute;top:50%;right:3%;width:130px !important;padding-top:0;padding-left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .write_area{padding:30px;box-sizing: border-box;}

	#camS41 .cnt1 .area .txt .tab_split .tab_btn{width:100%}
	#camS41 .cnt1 .area .txt .tab_split .tab_btn li{width:50%;margin-left:0}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt{width:100%}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box > div{width:96%}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{width:100%}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{width:49.25%}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{margin-left:1.5%}

	#camS42 .cnt1 .area .txt .tab_split .tab_btn{width:100%}
	#camS42 .cnt1 .area .txt .tab_split .tab_btn li{width:50%;margin-left:0}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt{width:100%}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{width:100%}

	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{position:relative;width:100%;height:auto;padding-bottom:30px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:60%}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{padding-top:25px;line-height:1.3;word-break:keep-all;}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right{float:none;margin:0;position:absolute;right:30px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}


	#footer .ft_util .area ul{width:200px;margin:0 auto;padding-left:0}
	#footer .ft_btm{height:130px}
	#footer .ft_btm .area .ft_logo{display:none;}
	#footer .ft_btm .area ul{width:100%}
	#footer .ft_btm .area ul li.mid{text-align:center}
	#footer .ft_btm .area ul li p{text-align:center}
	#footer .ft_btm .area ul li address{text-align:center}

	#footer2{border-top:0;height:auto;padding-bottom:50px}
	#footer2 .ft_util{height:auto}
	#footer2 .ft_util .area{width:100%}
	#footer2 .ft_util .area ul li{float:none;padding-left:0;margin-left:0;background:none;background-color:#e0e0e0;border-bottom:1px solid #282828}
	#footer2 .ft_util .area ul li:first-child{background-color:#e0e0e0;border-top:1px solid #282828}
	#footer2 .ft_util .area ul li a{display:block;text-align:center;font-size:18px}
	#footer2 .ft_btm .area > div{float:none;}
	#footer2 .ft_btm .area .btm_left{padding-top:30px;}
	#footer2 .ft_btm .area .btm_left h2{text-align:center}
	#footer2 .ft_btm .area .btm_left h2 img{width:381px;height:auto}
	#footer2 .ft_btm .area .btm_left > div{width:381px;margin:21px auto 0}
	#footer2 .ft_btm .area .btm_left > div a{font-size:24px;width:188px;height:37px;line-height:36px;margin-left:5px}
	#footer2 .ft_btm .area .btm_right{margin-top:30px;margin-left:0}
	#footer2 .ft_btm .area .btm_right ul li p{text-align:center;font-size:18px}
	#footer2 .ft_btm .area .btm_right ul li.mid{text-align:center;margin-top:15px}
	#footer2 .ft_btm .area .btm_right ul li.mid p{display:inline-block;float:none;background-position:left 9px}
	#footer2 .ft_btm .area .btm_right ul li address{text-align:center;font-size:18px}

}
/* 1280 끝 */

/* 1000 시작 */
@media all and (max-width:1000px) {
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util{height:auto;padding:20px 0}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{float:none;padding-left:23px;margin-left:0;background:none;line-height:1;padding-top:15px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p:first-child{padding-top:0}

	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util{height:auto;padding:20px 0}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{float:none;padding-left:23px;margin-left:0;background:none;line-height:1;padding-top:15px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p:first-child{padding-top:0}

	#gateS41 .cnt1 .area .txt > ul{border-top:4px solid #a7a8ad;border-bottom:4px solid #a7a8ad}
	#gateS41 .cnt1 .area .txt ul li.tb_tit{display:none;}
	#gateS41 .cnt1 .area .txt ul li.tb_txt{height:auto;line-height:1;padding-bottom:23px}
	#gateS41 .cnt1 .area .txt > ul > li:last-child{border-bottom:0}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td1{display:none;}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2{float:none;display:flex;width:100%;margin-bottom:30px;padding-top:17px}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2 p{line-height:1.3;padding-right:2%;padding-top:2px}
	#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap{padding-left:24px;padding-right:20px}
	#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap .mark{margin-top:0}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td3, #gateS41 .cnt1 .area .txt ul li.tb_txt a .td4, #gateS41 .cnt1 .area .txt ul li.tb_txt a .td5{width:auto;padding-left:22px;margin-left:20px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 3px}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td3 p, #gateS41 .cnt1 .area .txt ul li.tb_txt a .td4 p, #gateS41 .cnt1 .area .txt ul li.tb_txt a .td5 p{color:#808080;font-weight:300;text-align:left;}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td3{margin-left:24px;background:none;padding-left:0}

	#camS52 .cnt1 .area .txt > ul{border-top:4px solid #0c0f81;border-bottom:4px solid #0c0f81}
	#camS52 .cnt1 .area .txt ul li.tb_tit{display:none;}
	#camS52 .cnt1 .area .txt ul li.tb_txt{height:auto;line-height:1;padding-bottom:23px}
	#camS52 .cnt1 .area .txt > ul > li:last-child{border-bottom:0}
	#camS52 .cnt1 .area .txt ul li.tb_txt .td1{display:none;}
	#camS52 .cnt1 .area .txt ul li.tb_txt .td2{float:none;display:flex;width:100%;margin-bottom:50px;padding-top:17px}
	#camS52 .cnt1 .area .txt ul li.tb_txt .td2 p{line-height:1.3;padding-right:2%;padding-left:24px}
	#camS52 .cnt1 .area .txt ul li.tb_txt .td3, #camS52 .cnt1 .area .txt ul li.tb_txt .td4, #camS52 .cnt1 .area .txt ul li.tb_txt .td5{width:auto;padding-left:22px;margin-left:20px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 3px}
	#camS52 .cnt1 .area .txt ul li.tb_txt .td3 p, #camS52 .cnt1 .area .txt ul li.tb_txt .td4 p, #camS52 .cnt1 .area .txt ul li.tb_txt .td5 p{color:#808080;font-weight:300;text-align:left;}
	#camS52 .cnt1 .area .txt ul li.tb_txt .td3{margin-left:24px;background:none;padding-left:0}

	#gateS42 .cnt1 .area .txt .box .write_util{height:auto;padding:20px 0}
	#gateS42 .cnt1 .area .txt .box .write_util > p{float:none;padding-left:23px;margin-left:0;background:none;line-height:1;padding-top:15px}
	#gateS42 .cnt1 .area .txt .box .write_util > p:first-child{padding-top:0;margin-left:0}

	#camS51 .cnt1 .area .txt .box .write_util{height:auto;padding:20px 0}
	#camS51 .cnt1 .area .txt .box .write_util > p{float:none;padding-left:23px;margin-left:0;background:none;line-height:1;padding-top:15px}
	#camS51 .cnt1 .area .txt .box .write_util > p:first-child{padding-top:0;margin-left:0}

	#camS52 .cnt1 .area .txt > ul{border-top:4px solid #0c0f81;border-bottom:4px solid #0c0f81}
	#camS52 .cnt1 .area .txt ul li.tb_tit{display:none;}
	#camS52 .cnt1 .area .txt ul li.tb_txt{height:auto;line-height:1;padding-bottom:23px}
	#camS52 .cnt1 .area .txt > ul > li:last-child{border-bottom:0}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td1{display:none;}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td2{float:none;display:flex;width:100%;margin-bottom:30px;padding-top:17px}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td2 p{line-height:1.3;padding-right:2%;padding-top:2px}
	/*#camS52 .cnt1 .area .txt ul li a > div .mark_wrap{padding-left:24px;padding-right:20px}*/
	#camS52 .cnt1 .area .txt ul li a > div .mark_wrap .mark{margin-top:0}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td3, #camS52 .cnt1 .area .txt ul li.tb_txt a .td4, #camS52 .cnt1 .area .txt ul li.tb_txt a .td5{width:auto;padding-left:22px;margin-left:20px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 3px}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td3 p, #camS52 .cnt1 .area .txt ul li.tb_txt a .td4 p, #camS52 .cnt1 .area .txt ul li.tb_txt a .td5 p{color:#808080;font-weight:300;text-align:left;}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td3{margin-left:24px;background:none;padding-left:0}

	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit{height:auto}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th1, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th2, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th3, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th4, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td1, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td2, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4{width:49%}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit .th3{margin-left:0}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3{margin-left:0;margin-top:10px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4{margin-top:10px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4 select{background-position:92% center}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box label{right:30px;}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit{height:auto}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th1, #gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th2, #gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th3{width:32%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th4{width:100%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit .th3{margin-left:0}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt > div{margin-left:1%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td1, #gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td2, #gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td3{width:32.666%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td3 select{background-position:92% center}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4{width:100%;margin-top:10px;margin-left:0}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li{width:23%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box label{right:20px;}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li:nth-child(2), #gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li:nth-child(5){margin-left:1%}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box input{width:55%}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap h4{width:20%}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont{width:80%}

	#camS12 .cnt1 .area > h2{font-size:36px;padding:70px 0 40px}

	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util{height:auto;padding:20px 0}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{float:none;padding-left:23px;margin-left:0;background:none;line-height:1;padding-top:15px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p:first-child{padding-top:0}


}

/* 1000 끝 */

/* 830 시작 */
@media all and (max-width:830px) {
	#header .area2 .util .me_fullview .tit{padding-left:0}
	#header .area2 .util .me_fullview .tit h2{font-size:26px;}
	#header .area2 .util .me_fullview .tit h3{font-size:20px;padding-top:0}
	#header .area2 .util .me_fullview .tit > *{float:none;text-align:center}
	#header .area2 .util .me_fullview .txt > div ul li{width:calc(25% - 5px);height:40px}

	#header2 .area2 .me_fullview .tit{padding-left:0}
	#header2 .area2 .me_fullview .tit h2{font-size:26px;}
	#header2 .area2 .me_fullview .tit h3{font-size:20px;padding-top:0}
	#header2 .area2 .me_fullview .tit > *{float:none;text-align:center}
	#header2 .area2 .me_fullview .txt > div ul li{width:calc(25% - 5px);height:40px}

	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:55%}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:55%}
	#gateS43 .cnt1 .area .txt .txt2 ul li{width:33.333333%;}

	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner h4{font-size:20px;line-height:1.3}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner p{font-size:18px}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner a{font-size:14px;width:140px;height:32px;line-height:26px}

	#camS11 .cnt2 .area .txt ul li .inner h3{font-size:20px;line-height:1.3}
	#camS11 .cnt2 .area .txt ul li .inner p{font-size:18px}
	#camS11 .cnt2 .area .txt ul li .inner a{font-size:14px;width:140px;height:32px;line-height:26px}

	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:55%}
    #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .write_area img{
        width: 100%;
        height: auto;
    }
}
/* 830 끝 */

/* 720 시작 */
@media all and (max-width:720px) {
	#header .area2 .util{width:42px;top:0;right:2%;height:90px;}
	#header .area2 .util > ul{display:none;}
	#header .area2 .util .me_fullview .txt{padding-left:0;width:96%;margin:0 auto}
	#header .area2 .util .me_fullview .txt > div h3{font-size:18px;}
	#header .area2 .util .me_fullview .txt > div h3 img{margin-top:8px}
	#header .area2 .util .me_fullview .txt > div ul{margin-right:0;width:100%}
	#header .area2 .util .me_fullview .txt > div ul li{height:34px;}
	#header .area2 .util .me_fullview .txt .txt3 ul li{width:calc(50% - 5px)}
	#header .area2 .util .me_fullview .txt > div ul li a{font-size:14px;line-height:32px}
	/* 22.03.15 추가 시작 */
	#header .area2 .util .me_fullview .txt .txt4{width:100%;margin-top:20px}
	#header .area2 .util .me_fullview .txt .txt4 ul li{float:none;width:100%;margin:0}
	#header .area2 .util .me_fullview .txt .txt4 ul li:first-child{margin-bottom:5px}
	/* 22.03.15 추가 끝 */

	#header .area2 .util .mb_me_fv_btn{display:block;}
	#header .full_menu{padding-bottom:0}
	#header .full_menu > ul{width:100%;padding-top:0}
	#header .full_menu > ul > li{float:none;width:100%;margin-left:0}
	#header .full_menu > ul > li.mb_dn{display:block;}
	#header .full_menu > ul > li h3{padding-bottom:0;height:63px;line-height:63px;border-bottom:1px solid #e0e0e0;}
	#header .full_menu > ul > li h3 .plus_btn{display:block;}
	#header .full_menu > ul > li h3 .plus_btn{position: absolute;}

	#header .full_menu > ul > li ul{display:none;padding-top:0;padding-bottom:20px}
	#header .full_menu > ul > li ul li{height:50px}
	#header .full_menu > ul > li ul li a{padding:0;text-align:center;line-height:50px}

	#header2{height:160px}
	#header .area2 .top{display:none;}
	#header2 .area2 .top{display:none;}
	#header2 .area2 .btm{height:100%}
	#header2 .area2 .btm .hd_logo{width:auto;top:28px;}
	#header2 .area2 .btm .hd_logo a > img{height:40px}
	/* #header2 .area2 .btm .hd_logo a > img{width:253px} */
	#header2 .area2 .btm .hd_logo a p img{width:80px}
	#header2 .area2 .btm .btm_wrap #gnb > ul > li{margin-left:25px}
	#header2 .area2 .btm .btm_wrap .ham_btn{margin-top:28px}
	#header2 .area2 .btm .btm_wrap .ham_btn button{width:30px;height:30px}
	#header2 .area2 .btm .btm_wrap .alarm{font-size:12px;width:110px;height:20px;line-height:20px}
	#header2 .area2 .me_fullview .txt{padding-left:0;width:96%;margin:0 auto}
	#header2 .area2 .me_fullview .txt > div h3{font-size:18px;}
	#header2 .area2 .me_fullview .txt > div h3 img{margin-top:8px}
	#header2 .area2 .me_fullview .txt > div ul{margin-right:0;width:100%}
	#header2 .area2 .me_fullview .txt > div ul li{height:34px;}
	#header2 .area2 .me_fullview .txt .txt3 ul li{width:calc(50% - 5px)}
	#header2 .area2 .me_fullview .txt > div ul li a{font-size:14px;line-height:32px}
	/* 22.03.15 추가 시작 */
	#header2 .area2 .me_fullview .txt .txt4{width:100%;margin-top:20px}
	#header2 .area2 .me_fullview .txt .txt4 ul li{float:none;width:100%;margin:0}
	#header2 .area2 .me_fullview .txt .txt4 ul li:first-child{margin-bottom:5px}
	/* 22.03.15 추가 긑 */

	#header2 .full_menu{padding-bottom:0;top:90px;}
	#header2 .full_menu > ul{width:100%;padding-top:0}
	#header2 .full_menu > ul > li{float:none;width:100%;margin-left:0}
	#header2 .full_menu > ul > li.mb_dn{display:block;}
	#header2 .full_menu > ul > li h3{padding-bottom:0;height:63px;line-height:63px;border-bottom:1px solid #e0e0e0;}
	#header2 .full_menu > ul > li h3 .plus_btn{display:block;}
	#header2 .full_menu > ul > li ul{display:none;padding-top:0;padding-bottom:20px}
	#header2 .full_menu > ul > li ul li{height:50px}
	#header2 .full_menu > ul > li ul li a{padding:0;text-align:center;line-height:50px}

	#main .cnt1 .area2 .top .left .bx-wrapper .bx-controls .bx-pager{bottom:15px;right:14px;}
	#main .cnt1 .area2 .top .left ul li .pc_visual{display:none;}
	#main .cnt1 .area2 .top .left ul li .mb_visual{display:block;}
	#main .cnt1 .area2 .top .right ul li{height:210px}

	/* 22.04.05 수정 시작 */
	#main .cnt1 .area .btm ul li .h_wrap {
		padding-top: 55px;
		padding-left: 50px
	}

		#main .cnt1 .area .btm ul li .h_wrap h4 {
			font-size: 12px;
			padding-bottom: 9px;
		}

		#main .cnt1 .area .btm ul li .h_wrap h3.h3_1 {
			font-size: 16px;
			padding-bottom: 10px
		}

		#main .cnt1 .area .btm ul li .h_wrap h3.h3_2 {
			font-size: 24px;
		}

	#main .cnt1 .area .btm ul li strong {
		font-size: 14px;
		line-height: 22px;
		padding-top: 80px;
		padding-right: 35px;
		width: 180px
	}

		#main .cnt1 .area .btm ul li strong span {
			font-size: 14px
		}
	/* 22.04.05 수정 끝 */

	/* #main .cnt1 .area2 .btm ul li .h_wrap{padding-top:46px}
	#main .cnt1 .area2 .btm ul li .h_wrap h4{font-size:16px;padding-bottom:9px;}
	#main .cnt1 .area2 .btm ul li .h_wrap h3{font-size:18px;line-height:26px}
	#main .cnt1 .area2 .btm ul li strong{font-size:18px;line-height:22px}
	#main .cnt1 .area2 .btm ul li strong span{font-size:18px} */


	#main .cnt2{margin-top:0}

	#gateS11 .cnt1 .wrap h2{font-size:70px;}
	#gateS11 .cnt1 .wrap h3{font-size:40px;padding-bottom:50px}
	#gateS11 .cnt1 .wrap p{font-size:18px;line-height:1.5}
	#gateS11 .cnt2 .area .tit{padding-top:70px;margin-bottom:30px}
	#gateS11 .cnt2 .area .tit > *{font-size:28px}
	#gateS11 .cnt2 .area .txt .tab_split .tab_btn li{height:46px;line-height:42px}
	#gateS11 .cnt2 .area .txt .tab_split .tab_btn li a{font-size:16px}

	#gateS21 .cnt1{height:auto}
	#gateS21 .cnt1 .rb_wrap{width:422px}
	#gateS21 .cnt1 .rb_wrap .bar{width:150px;margin-top:39px}
	#gateS21 .cnt1 .rb_wrap .num{width:80px;height:80px;line-height:80px;-webkit-background-size:;-moz-background-size:;background-size:80px auto;font-size:28px}
	#gateS21 .cnt1 h2{font-size:34px;padding-top:38px}
	#gateS21 .cnt1 h3{font-size:34px;}
	#gateS21 .cnt1 p{font-size:16px;line-height:1.5;padding-top:35px;padding-bottom:80px}
	#gateS21 .cnt2{padding-top:0}
	#gateS21 .cnt2 .area{width:100%}
	#gateS21 .cnt2 .area .tab_split .tab_btn{border:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#gateS21 .cnt2 .area .tab_split .tab_btn li{width:50%;margin-left:0;border:0;height:82px;}
	#gateS21 .cnt2 .area .tab_split .tab_btn li a{font-size:22px}
	#gateS21 .cnt2 .area .tab_split .tab_cnt{width:96%}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li{width:32.2%;margin-left:1.7%}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li:nth-child(5n+1){margin-left:1.7%}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li:nth-child(4n+1){margin-left:1.7%}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li:nth-child(3n+1){margin-left:0}

	#gateS22 .cnt1{height:auto}
	#gateS22 .cnt1 .rb_wrap{width:422px}
	#gateS22 .cnt1 .rb_wrap .bar{width:150px;margin-top:39px}
	#gateS22 .cnt1 .rb_wrap .num{width:80px;height:80px;line-height:80px;-webkit-background-size:;-moz-background-size:;background-size:80px auto;font-size:28px}
	#gateS22 .cnt1 h2{font-size:34px;padding-top:38px}
	#gateS22 .cnt1 h3{font-size:34px;}
	#gateS22 .cnt1 p{font-size:16px;line-height:1.5;padding-top:35px;padding-bottom:80px}
	#gateS22 .cnt2{padding-top:0}
	#gateS22 .cnt2 .area{width:100%}
	#gateS22 .cnt2 .area .tab_split .tab_btn{border:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#gateS22 .cnt2 .area .tab_split .tab_btn li{margin-left:0;border:0;height:82px;line-height:82px}
	#gateS22 .cnt2 .area .tab_split .tab_btn li a{font-size:22px}
	#gateS22 .cnt2 .area .tab_split .tab_cnt{width:96%}
	#gateS22 .cnt2 .area .tab_split .tab_cnt > div h5{font-size:30px;}
	#gateS22 .cnt2 .area .tab_split .tab_cnt > div strong{font-size:30px}
	#gateS22 .cnt2 .area .tab_split .tab_cnt > div p{font-size:20px;line-height:1.5}

	#gateS31 .cnt1 .area .tit{padding-top:50px}
	#gateS31 .cnt1 .area .tit > *{font-size:30px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_btn{border:1px solid #e0e0e0;margin:25px auto 0}
	#gateS31 .cnt1 .area .txt .tab_split .tab_btn li{width:25%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:50px;line-height:50px;background:#f3f3f3}
	#gateS31 .cnt1 .area .txt .tab_split .tab_btn li:first-child{border-left:0}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li{padding-bottom:25px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li:first-child{margin-top:20px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:65%}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit{margin-bottom:15px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{width:100px;height:32px;line-height:31px;font-size:15px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{font-size:28px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3 span{display:block;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left p{font-size:16px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn{width:120px;height:70px;font-size:20px;line-height:70px;text-align:center}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn span{display:block;padding-top:7px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn img{margin-top:30px;margin-left:12px;width:18px;height:auto}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging{width:328px;margin:50px auto 0}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li{width:20px;height:20px;line-height:18px;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li a{font-size:13px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li a img{width:100%;height:auto}

	#gateS32 .cnt1 .area .tit{padding-top:50px}
	#gateS32 .cnt1 .area .tit > *{font-size:30px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_btn{border:1px solid #e0e0e0;margin:25px auto 0}
	#gateS32 .cnt1 .area .txt .tab_split .tab_btn li{width:50%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:82px;line-height:82px;background:#f3f3f3}
	#gateS32 .cnt1 .area .txt .tab_split .tab_btn li:first-child{border-left:0}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit{padding:18px 0 20px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap .mark{/*width:70px;*/font-size:24px;margin-top:3px;width: max-content;}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit h3{font-size:30px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{font-size:18px;padding-top:10px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area{height:max-content;}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{font-size:22px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{font-size:20px}

	#gateS33 .cnt1 .area .tit{padding-top:50px}
	#gateS33 .cnt1 .area .tit > *{font-size:30px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_btn{border:1px solid #e0e0e0;margin:25px auto 0}
	#gateS33 .cnt1 .area .txt .tab_split .tab_btn li{width:25%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:82px;line-height:82px;background:#f3f3f3}
	#gateS33 .cnt1 .area .txt .tab_split .tab_btn li:first-child{border-left:0}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li{padding-bottom:25px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li:first-child{margin-top:20px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:65%}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit{margin-bottom:15px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{width:60px;height:32px;line-height:31px;font-size:20px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{font-size:28px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3 span{display:block;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left p{font-size:16px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn{width:120px;height:70px;font-size:20px;line-height:1.3;text-align:center;border-radius: 25px;text-align: center;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn span{display:block;padding-top:7px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn img{margin-top:30px;margin-left:12px;width:18px;height:auto}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging{width:328px;margin:50px auto 0}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li{width:20px;height:20px;line-height:18px;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li a{font-size:13px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div .paging ul li a img{width:100%;height:auto}

	#gateS34 .cnt1 .area .tit{padding-top:50px}
	#gateS34 .cnt1 .area .tit > *{font-size:30px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_btn{border:1px solid #e0e0e0;margin:25px auto 0}
	#gateS34 .cnt1 .area .txt .tab_split .tab_btn li{width:25%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:82px;line-height:82px;background:#f3f3f3}
	#gateS34 .cnt1 .area .txt .tab_split .tab_btn li:first-child{border-left:0}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit{padding:18px 0 20px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap .mark{width:70px;font-size:24px;margin-top:3px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit h3{font-size:30px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{font-size:18px;padding-top:10px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area{height:500px;}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{font-size:22px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{font-size:20px}

	#gateS41 .cnt1{padding-bottom:100px}
	#gateS41 .cnt1 .area .tit{padding-top:50px}
	#gateS41 .cnt1 .area .tit > *{font-size:30px}
	#gateS41 .cnt1 .area .txt{margin-top:25px}
	#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap .mark{font-size:15px;width:100px;height:28px;line-height:26px;margin-top:2px;}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2{margin-bottom:20px;}
	/* #gateS41 .cnt1 .area .txt ul li.tb_txt a .td2 p{font-size:22px;} */
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td4, #gateS41 .cnt1 .area .txt ul li.tb_txt a .td5{padding-left:18px;margin-left:16px;}
	/* #gateS41 .cnt1 .area .txt ul li.tb_txt a .td3 p, #gateS41 .cnt1 .area .txt ul li.tb_txt a .td4 p, #gateS41 .cnt1 .area .txt ul li.tb_txt a .td5 p{font-size:18px} */
	#gateS41 .cnt1 .area .txt .paging{width:328px;margin:40px auto 0}
	#gateS41 .cnt1 .area .txt .paging ul li{width:20px;height:20px;line-height:18px;}
	#gateS41 .cnt1 .area .txt .paging ul li a{font-size:13px}
	#gateS41 .cnt1 .area .txt .paging ul li a img{width:100%;height:auto}

	#gateS42 .cnt1 .area .tit{padding-top:50px}
	#gateS42 .cnt1 .area .tit > *{font-size:30px}
	#gateS42 .cnt1 .area .txt{margin-top:50px}
	#gateS42 .cnt1 .area .txt .btn_wrap .view_list, #gateS42 .cnt1 .area .txt .btn_wrap .right button{width:150px;height:40px;font-size:18px;line-height:40px;}
	#gateS42 .cnt1 .area .txt .btn_wrap .right .wrt_dlt{margin-left:5px}

	#gateS41 .tab_split .tab_btn, #gateS42 .tab_split .tab_btn{gap: initial;}
	#gateS41 .tab_split .tab_btn li, #gateS42 .tab_split .tab_btn li{height: 50px;line-height: 50px;}
	#gateS41 .tab_split .tab_btn li a, #gateS42 .tab_split .tab_btn li a{font-size: 20px;}
	#gateS41 .tab_split .tab_btn,#gateS42 .tab_split .tab_btn{margin: 30px 0;}



	#gateS43 .cnt1 .area .tit{padding-top:50px}
	#gateS43 .cnt1 .area .tit > *{font-size:30px}
	#gateS43 .cnt1 .area .txt .txt1 ul li a h4{font-size:20px;padding-top:30px;padding-left:30px}
	#gateS43 .cnt1 .area .txt .txt1 ul li a p{font-size:16px;line-height:1.5;padding:20px 15px 30px 30px}
	#gateS43 .cnt1 .area .txt > div h3{font-size:24px;padding-left:2%}
	#gateS43 .cnt1 .area .txt .txt2 ul li .chk_wrap input[type="checkbox"] + label{padding-left:18px;font-size:14px}
	#gateS43 .cnt1 .area .txt .txt2 ul li .chk_wrap input[type="checkbox"] + label:before{top:6px;width:10px;height:10px;}
	#gateS43 .cnt1 .area .txt .txt2 ul li .chk_wrap input[type="checkbox"]:checked + label:after{top:6px;width:10px;height:10px;}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left{padding-left: 5px;width:98%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li{margin-top:20px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li > *{float:none}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li h4{width:100%;padding-left:0;line-height:1;padding-bottom:10px;font-size:16px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_1 .ip_box{width:100%;height:50px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul{width:100%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box{height:50px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box input{width:70%;}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_2 ul li .ip_box label{font-size:16px;right:10%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul{width:100%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_3 ul li .ip_box{height:50px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap{width:100%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li{margin-top:5px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 .ip_box{height:50px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_1 .find_adr{height:50px;font-size:16px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li .ip_box{height:50px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_4 .wrap > ul > li.t3_4_3 .ip_box label{font-size:16px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul{width:100%}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li .ip_box{height:50px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li p{line-height:50px;font-size:14px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .left > ul > li.t3_left_5 > ul > li select{height:50px;line-height:50px;font-size:16px;-webkit-background-size:;-moz-background-size:;background-size:12px auto;background-position:92% center}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right{margin-top:30px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right button{height:180px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right button p{font-size:16px}
	#gateS43 .cnt1 .area .txt .txt3 .txt_wrap .right button p span{font-size:40px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap{padding-bottom:26px;margin-bottom:20px;padding-top:26px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit{line-height:40px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap ul li.tb_tit h4{font-size:16px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li{margin-top:20px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt > div{height:50px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li label{font-size:14px !important;right:20px !important;}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3, #gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4{margin-top:5px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box{height:50px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li .ip_box input{padding-left:5%}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td3 ul li p{line-height:50px}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4 select{line-height:50px;-webkit-background-size:;-moz-background-size:;background-size:12px auto;}
	#gateS43 .cnt1 .area .txt .txt4 .add_btn img{width:32px;height:auto}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap{padding-bottom:26px;margin-bottom:20px;padding-top:26px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit{line-height:40px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit h4{font-size:16px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li{margin-top:20px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt > div{height:50px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td3 select{line-height:50px;-webkit-background-size:;-moz-background-size:;background-size:12px auto;}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4{margin-top:5px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box{height:50px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box label{font-size:14px}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li p{line-height:50px}
	#gateS43 .cnt1 .area .txt .txt5 .add_btn img{width:32px;height:auto}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap ul li.tb_tit h4{letter-spacing:-2px;}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td4 ul li .ip_box label{right:10px;}
	#gateS43 .cnt1 .area .txt .txt7 p{padding-top:26px;font-size:16px}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap h4{font-size:20px;line-height:40px}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont label{font-size:16px}
	#gateS43 .cnt1 .area .txt .sm_btn{width:90%;font-size:22px;height:50px;margin-top:50px}

	#camS11 .cnt1 .area .bar img{width:20px;height:auto}
	#camS11 .cnt1 .area .tit h2{font-size:40px;line-height:1.3;letter-spacing:1px;padding-top:20px}
	#camS11 .cnt1 .area .tit h2 span{width:220px}
	#camS11 .cnt1 .area .txt .top{margin-top:60px}
	#camS11 .cnt1 .area .txt .top .left{padding-top:65%}
	#camS11 .cnt1 .area .txt .top .left p{font-size:18px;line-height:1.7;padding-top:25px;word-break:keep-all;}
	#camS11 .cnt1 .area .txt .top .left p span{height:8px}
	#camS11 .cnt1 .area .txt .top .left p.p1 .uline1{width:185px;}
	#camS11 .cnt1 .area .txt .top .left p.p1 .uline2{width:245px;}
	#camS11 .cnt1 .area .txt .top .left p.p2 .uline1{width:185px;}
	#camS11 .cnt1 .area .txt .top .left p.p2 .uline2{width:290px;}
	#camS11 .cnt1 .area .txt .top .right{width:90%;margin:0 auto}
	#camS11 .cnt1 .area .txt .top .right img{width:100%;height:auto}
	#camS11 .cnt1 .area .txt .btm ul li .icon img{width:130px;height:auto}
	#camS11 .cnt1 .area .txt .btm ul li h3{font-size:20px;padding-top:20px}
	#camS11 .cnt1 .area .txt .btm ul li p{font-size:16px;line-height:1.5}
	#camS11 .cnt2 .area .bar img{width:20px;height:auto}
	#camS11 .cnt2 .area .tit h2{font-size:40px;line-height:1.3;letter-spacing:1px;padding-top:20px}
	#camS11 .cnt2 .area .tit h2 span{width:220px}
	#camS11 .cnt2 .area .txt{margin-top:50px}
	#camS11 .cnt2 .area .txt ul li{width:32.2%;margin-left:1.7%}
	#camS11 .cnt2 .area .txt ul li:nth-child(5n+1){margin-left:1.7%}
	#camS11 .cnt2 .area .txt ul li:nth-child(4n+1){margin-left:1.7%}
	#camS11 .cnt2 .area .txt ul li:nth-child(3n+1){margin-left:0}

	#camS12 .cnt1 .area > h2{font-size:26px;padding:50px 0 30px}
	#camS12 .cnt1 .area .txt ul li .icon{width:50px}
    #camS12 .cnt1 .area .txt ul li.map_info1 .icon, #camS12 .cnt1 .area .txt ul li.map_info2 .icon{width: 50px;margin: 0 10px 0 0;}
	#camS12 .cnt1 .area .txt ul li .icon img{width:30px;height:auto;}
	#camS12 .cnt1 .area .txt ul li .p_wrap p{font-size:16px}
	#camS12 .cnt1 .area .txt .map{height:400px}

	#camS21 .cnt1 .area .tit{padding-top:50px}
	#camS21 .cnt1 .area .tit > *{font-size:30px;}
	#camS21 .cnt1 .area .txt{margin-top:25px}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li{width:33.333333%;margin-right:0;height:60px;line-height:60px;}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li:nth-child(3n+1){margin-left:0}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li:last-child a{padding-top:3px;height:57px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li{width:calc(50% - 1%);margin-left:2%;margin-bottom:2%}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li:nth-child(4n+1){margin-left:2%}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li:nth-child(3n+1){margin-left:2%}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li:nth-child(2n+1){margin-left:0}

	#camS31 .cnt1 .area .tit{padding-top:50px}
	#camS31 .cnt1 .area .tit > *{font-size:30px;}
	#camS31 .cnt1 .area .txt{margin-top:25px}
	#camS31 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:48px;margin-left:0}
	#camS31 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:16px}
	#camS31 .cnt1 .area .txt .tab_split .tab_btn li:nth-child(1), #camS31 .cnt1 .area .txt .tab_split .tab_btn li:nth-child(2), #camS31 .cnt1 .area .txt .tab_split .tab_btn li:nth-child(3){width:33.333333%}
	#camS31 .cnt1 .area .txt .tab_split .tab_btn li:nth-child(4), #camS31 .cnt1 .area .txt .tab_split .tab_btn li:nth-child(5){width:50%}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div{padding-top:40px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li{width:33%;margin-left:0}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:16px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3{border-bottom:0;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li{height:42px;width:25%;margin-top:5px;border-bottom:1px solid #282828}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li a{font-size:14px;height:41px;line-height:41px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li.on a{border-bottom:1px solid #0c0f81}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div > h4{font-size:26px;padding-top:40px;padding-bottom:12px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li p{font-size:14px;word-break:keep-all;padding-bottom:10px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li{width:calc(100% - 120px) !important}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(5){width:70px !important}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(5) a{width:70px;height:28px;line-height:26px;font-size:14px;margin-top:8px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt ul li:nth-child(3) p:first-child{display:block;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap{padding-left:3%}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_tit > *, #camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_txt > *{font-size:14px;line-height:1.5;word-break:keep-all;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_tit p{line-height:1.5}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .dth3_tab_cnt > div .div_tb ul li.tb_txt .cont_txt_wrap .ctw_txt p{padding-bottom:20px}


	#camS41 .cnt1 .area .tit{padding-top:50px}
	#camS41 .cnt1 .area .tit > *{font-size:30px;}
	#camS41 .cnt1 .area .txt .tab_split .tab_btn{margin-top:25px}
	#camS41 .cnt1 .area .txt .tab_split .tab_btn li{height:82px;line-height:82px;border:2px solid #e0e0e0;background:#f3f3f3}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit{height:81px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit .mark_wrap .mark{width:70px;font-size:24px;margin-top:3px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit h3{font-size:30px;line-height:78px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{font-size:18px;padding-top:10px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_area{height:500px;}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{font-size:22px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{font-size:20px}

	#camS42 .cnt1 .area .tit{padding-top:50px}
	#camS42 .cnt1 .area .tit > *{font-size:30px;}
	#camS42 .cnt1 .area .txt .tab_split .tab_btn{margin:25px auto 0}
	#camS42 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px;border:2px solid #e0e0e0;background:#f3f3f3}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:18px;padding-bottom:5px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{padding-bottom:20px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li:first-child{margin-top:20px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:65%}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{padding-top:20px;padding-bottom:20px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3 span{display:block;}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left p{font-size:16px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn{width:110px;height:65px;font-size:18px;line-height:65px;text-align:center}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn span{display:block;padding-top:8px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn img{margin-top:28px;width:15px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging{width:fit-content;margin:50px auto 0}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li{width:20px;height:20px;line-height:18px;}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li a{font-size:13px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li a img{width:100%;height:auto}

	#camS51 .cnt1 .area .tit{padding-top:50px}
	#camS51 .cnt1 .area .tit > *{font-size:30px}
	#camS51 .cnt1 .area .txt{margin-top:25px}
	#camS51 .cnt1 .area .txt .view_list{width:190px;height:40px;font-size:18px;line-height:38px;}

	#camS52 .cnt1{padding-bottom:100px}
	#camS52 .cnt1 .area .tit{padding-top:50px}
	#camS52 .cnt1 .area .tit > *{font-size:30px}
	#camS52 .cnt1 .area .txt{margin-top:20px}
	#camS52 .cnt1 .area .txt ul li a > div .mark_wrap .mark{font-size:18px;width:50px;height:28px;line-height:26px}
	#camS52 .cnt1 .area .txt ul li.tb_txt .td2{margin-bottom: 20px;}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td2{margin-bottom:20px;}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td4, #camS52 .cnt1 .area .txt ul li.tb_txt a .td5{padding-left:18px;margin-left:16px;}
	#camS52 .cnt1 .area .txt .paging{width:328px;margin:40px auto 0}
	#camS52 .cnt1 .area .txt .paging ul li{width:20px;height:20px;line-height:18px;}
	#camS52 .cnt1 .area .txt .paging ul li a{font-size:13px}
	#camS52 .cnt1 .area .txt .paging ul li a img{width:100%;height:auto}

	#payPopup{width:90%;height:auto;}
	#payPopup .box{padding-bottom:30px}
	#payPopup .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#payPopup .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#payPopup .box .ul_wrap > ul > li{height:44px}
	#payPopup .box .ul_wrap > ul > li .ip_box, #payPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px}
	#payPopup .box .ul_wrap > ul > li h4{line-height:44px}
	#payPopup .box .agr_wrap{width:85%;margin:0 auto}
	#payPopup .box .agr_wrap .btm{width:100%}
	#payPopup .box .pay_btn{width:85%;margin-top:20px}

	#reservPopup{width:90%;height:auto;}
	#reservPopup .box{padding-bottom:30px}
	#reservPopup .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#reservPopup .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#reservPopup .box .ul_wrap > ul > li{height:44px}
    #reservPopup .box .ul_wrap > ul > li > .ip_box input{font-size: 13px;}
	#reservPopup .box .ul_wrap > ul > li .ip_box, #reservPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #reservPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px}
	#reservPopup .box .ul_wrap > ul > li h4{line-height:44px}
	#reservPopup .box .agr_wrap{width:85%;margin:0 auto}
	#reservPopup .box .agr_wrap .btm{width:100%}
	#reservPopup .box .apl_btn{width:85%;margin-top:20px}

	#reqPopup{width:90%;height:auto;}
	#reqPopup .box{padding-bottom:30px}
	#reqPopup .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#reqPopup .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#reqPopup .box .ul_wrap > ul > li{height:44px}
    #reqPopup .box .ul_wrap > ul > li > .ip_box label{font-size: 14px;}
	#reqPopup .box .ul_wrap > ul > li .ip_box, #reqPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #reqPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px}
	#reqPopup .box .ul_wrap > ul > li h4{line-height:44px}
	#reqPopup .box .agr_wrap{width:85%;margin:0 auto}
	#reqPopup .box .agr_wrap .btm{width:100%}
	#reqPopup .box .inq_btn{width:85%;margin-top:20px}

	#reqIqPopup{width:90%;height:auto;}
	#reqIqPopup .box{padding-bottom:30px}
	#reqIqPopup .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#reqIqPopup .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#reqIqPopup .box .ul_wrap > ul > li{height:44px}
	#reqIqPopup .box .ul_wrap > ul > li .ip_box{margin-top:9px}
	#reqIqPopup .box .ul_wrap > ul > li h4{line-height:44px}
	#reqIqPopup .box .agr_wrap{width:85%;margin:0 auto}
	#reqIqPopup .box .agr_wrap .btm{width:100%}
	#reqIqPopup .box .inq_btn{width:85%;margin-top:20px}

	#alarmPopup{width:90%;height:auto;}
	#alarmPopup .box{padding-bottom:30px}
	#alarmPopup .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#alarmPopup .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#alarmPopup .box .ul_wrap > ul > li{height:44px}
	#alarmPopup .box .ul_wrap > ul > li .ip_box, #alarmPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #alarmPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px}
	#alarmPopup .box .ul_wrap > ul > li h4{line-height:44px}
	#alarmPopup .box .agr_wrap{width:85%;margin:10px auto 0}
	#alarmPopup .box .agr_wrap .btm{width:100%}
	#alarmPopup .box .apl_btn{width:85%;margin-top:20px}

	#filePopup{width:90%;height:auto;}
	#filePopup .box{padding-bottom:30px}
	#filePopup .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#filePopup .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#filePopup .box .ok_btn{width:85%;margin-top:20px}

	#footer2 .ft_util .area ul li{height:35px;line-height:35px}
	#footer2 .ft_util .area ul li a{font-size:14px}
	#footer2 .ft_btm .area .btm_left h2 img{width:303px}
	#footer2 .ft_btm .area .btm_left > div{width:303px}
	#footer2 .ft_btm .area .btm_left > div a{font-size:18px;width:150px;height:32px;line-height:31px;margin-left:3px}
	#footer2 .ft_btm .area .btm_right ul li p{font-size:14px}
	#footer2 .ft_btm .area .btm_right ul li.mid p{background-position:left 5px;padding-left:10px;margin-left:8px}
	#footer2 .ft_btm .area .btm_right ul li address{font-size:14px}


    .popup{
        width: 80%;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
	.popup img{
		width: 100%;
		height: auto;
	}
    .popup-footer{
        font-size: 11px !important;
    }
    .popup-closebutton button{
    }
    .popup-closebutton {
        color: #fff;
        position: relative;
    }

    /* .popup-closebutton:after {
        display: inline-block;
        content: '\00d7';
        font-size: 12pt;
        line-height: 0;
        padding: 10px 0;
        box-sizing: border-box;
    } */

	.alarm{
		display: none;
	}
	.alarm_mobile{
		display: block;
	}
    .title_roll .title_bg{
        /* content:url(../images/mobile/title_img_mo.jpg); */
        width: 100%;
        height: 79vw !important;
        max-height: 100%;
        margin: 0 auto;
        background-size: 200% !important;
        background-repeat: no-repeat;
        background-position: center;
    }
}
/* 720 끝 */

/* 560 시작 */
@media all and (max-width:560px) {

	/* 22.04.05 수정 시작 */
	#main .cnt1 .area .btm {
		height: 86px
	}
		/* 22.04.05 수정 끝 */

		#main .cnt1 .area .btm .bx-wrapper {
			height: 100%
		}

			#main .cnt1 .area .btm .bx-wrapper .bx-viewport {
				height: 100% !important
			}

		/* 22.04.05 수정 시작 */
		#main .cnt1 .area .btm ul li {
			height: 100%;
			background: url("../images/mobile/mb_gate_mn_banner_bg.jpg") no-repeat center
		}

			#main .cnt1 .area .btm ul li .h_wrap {
				float: none;
				margin-bottom: 20px;
				padding-top: 30px
			}

			#main .cnt1 .area .btm ul li strong {
				display: block;
				float: none;
				padding: 0;
				text-align: left;
				padding-left: 50px
			}

	/* 22.04.05 수정 끝 */




	/* #main .cnt1 .area2 .btm{height:260px}
	#main .cnt1 .area2 .btm .bx-wrapper{height:100%}
	#main .cnt1 .area2 .btm .bx-wrapper .bx-viewport{height:100% !important}
	#main .cnt1 .area2 .btm ul li{height:100%;background:url("../images/mobile/mb_gate_mn_banner_bg.jpg") no-repeat center}
	#main .cnt1 .area2 .btm ul li .h_wrap{float:none;margin-bottom:20px}
	#main .cnt1 .area2 .btm ul li strong{display:block;float:none;padding:0;text-align:left;padding-left:30px} */

	#gateS11 .cnt2 .area .tit{padding-top:40px;margin-bottom:20px}
	#gateS11 .cnt2 .area .tit > *{font-size:20px}
	#gateS11 .cnt2 .area .tit h3{padding-bottom:3px}
	#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li p{font-size:14px;word-break:break-all;padding-bottom:5px}
	#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_left .year .y_wrap .cc{margin-left:5px}
	#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_right .year .y_wrap .cc{margin-right:5px}
	#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_left p{margin-right:67px;}
	#gateS11 .cnt2 .area .txt .tab_split .tab_cnt > div ul li.his_right p{margin-left:88px;}

	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:60%}

	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:60%}

	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:60%}
}
/* 560 끝 */

/* 500 시작 */
@media all and (max-width:500px) {
	#header{height:120px}
	#header .area2 .logo{width:150px;top:20px;}
	#header .area2 #gnb{height:50px;line-height:50px}
	#header .area2 #gnb > ul > li{margin-left:20px}
	#header .area2 #gnb > ul > li > a{font-size:16px;}
	#header .area2 .util{width:30px}
	#header .area2 .util .mb_me_fv_btn{top:20px;right:50px;}
	#header .area2 .util .mb_me_fv_btn img{width:26px;height:25px;}
	#header .area2 .ham_btn{top:20px;}
	#header .area2 .ham_btn button{width:26px;height:auto}
	#header .area2 .util .me_fullview .tit{margin-top:20px}
	#header .area2 .util .me_fullview .tit h2{font-size:20px;}
	#header .area2 .util .me_fullview .tit h3{font-size:14px}
	#header .area2 .util .me_fullview .close_btn{width:20px;height:20px;top:10px;right:10px;}
	#header .area2 .util .me_fullview .close_btn img{width:100%;height:auto}
	#header .area2 .util .me_fullview .txt > div h3{font-size:14px;}
	#header .area2 .util .me_fullview .txt > div h3 img{margin-top:6px;width:2px;}
	#header .area2 .util .me_fullview .txt > div ul li{height:28px;}
	#header .area2 .util .me_fullview .txt > div ul li a{font-size:13px;line-height:26px}
	#header .full_menu{top:71px;}
	#header .full_menu > ul > li h3{height:50px;line-height:50px;font-size:16px;}
	#header .full_menu > ul > li h3 .plus_btn{width:14px;height:14px}
	#header .full_menu > ul > li h3 .plus_btn img{width:14px;height:auto}

	#header2{height:120px}
	#header2 .area2 .btm .hd_logo{top:18px;width:150px;}
	#header2 .area2 .btm .btm_wrap{height:70px}
	#header2 .area2 .btm .btm_wrap .alarm{width:90px;height:20px;line-height:19px;font-size:12px;margin-top:26px;margin-right:0;letter-spacing:-2px;}
	#header2 .area2 .btm .btm_wrap .ham_btn button{width:26px;height:auto}
	#header2 .area2 .btm .btm_wrap #gnb{height:50px;line-height:50px}
	#header2 .area2 .btm .btm_wrap #gnb > ul > li{margin-left:10px}
	#header2 .area2 .btm .btm_wrap #gnb > ul > li > a{font-size:16px}
	#header2 .area2 .btm .btm_wrap .ham_btn .mb_me_fv_btn img{margin-top:2px}
	#header2 .area2 .me_fullview .tit{margin-top:20px}
	#header2 .area2 .me_fullview .tit h2{font-size:20px;}
	#header2 .area2 .me_fullview .tit h3{font-size:14px}
	#header2 .area2 .me_fullview .close_btn{width:20px;height:20px;top:10px;right:10px;}
	#header2 .area2 .me_fullview .close_btn img{width:100%;height:auto}
	#header2 .area2 .me_fullview .txt > div h3{font-size:14px;}
	#header2 .area2 .me_fullview .txt > div h3 img{margin-top:6px;width:2px;}
	#header2 .area2 .me_fullview .txt > div ul li{height:28px;}
	#header2 .area2 .me_fullview .txt > div ul li a{font-size:13px;line-height:26px}
	#header2 .full_menu{top:71px;}
	#header2 .full_menu > ul > li ul{padding-top:10px}
	#header2 .full_menu > ul > li ul li{height:35px}
	#header2 .full_menu > ul > li ul li a{line-height:35px}
	#header2 .full_menu > ul > li h3{height:50px;line-height:50px;font-size:16px;}
	#header2 .full_menu > ul > li h3 .plus_btn{width:14px;height:14px}
	#header2 .full_menu > ul > li h3 .plus_btn img{width:14px;height:auto}

	#main .cnt1{padding-top:0}
	#main .cnt1 .area2 .top .left{margin-bottom:20px}
	#main .cnt1 .area2 .top .right ul li{height:180px}
	#main .cnt1 .area2 .top .right ul li a h3{font-size:20px;line-height:1.3;padding-top:20px;padding-left:18px}
	#main .cnt1 .area2 .top .right ul li a .icon{margin-left:18px;margin-top:12px}
	#main .cnt1 .area2 .top .right ul li.right_1 a .icon img{width:12px;}
	#main .cnt1 .area2 .top .right ul li.right_2 a .icon img{width:26px}
	#main .cnt1 .area2 .top .right ul li.right_3 a .icon img{width:24px}
	#main .cnt1 .area2 .top .right ul li.right_4 a .icon img{width:12px}
	#main .cnt1 .area2 .top .right ul li a p{font-size:14px;}
	#main .cnt1 .area2 .top .right ul li a p img{margin-top:7px;}
	#main .cnt2 .area2 > div .box_wrap .wrap{margin-top:-20px}
	#main .cnt2 .area2 > div .box_wrap .wrap h3{font-size:16px;padding-bottom:10px}
	#main .cnt2 .area2 > div .box_wrap .plus img{width:16px;height:auto}

	#gateS11 .cnt1 .wrap h2{font-size:50px;padding-top:0}
	#gateS11 .cnt1 .wrap h3{font-size:30px;padding-bottom:30px}
	#gateS11 .cnt1 .wrap p{font-size:15px;line-height:1.5}

	#gateS21 .cnt1 .rb_wrap{width:312px}
	#gateS21 .cnt1 .rb_wrap .bar{width:100px;margin-top:35px}
	#gateS21 .cnt1 .rb_wrap .num{width:70px;height:70px;line-height:70px;-webkit-background-size:;-moz-background-size:;background-size:70px auto;font-size:24px}
	#gateS21 .cnt1 h2{font-size:28px;padding-top:32px}
	#gateS21 .cnt1 h3{font-size:28px;}
	#gateS21 .cnt1 p{font-size:14px;line-height:1.5;padding-top:35px;padding-bottom:80px}
	#gateS21 .cnt2 .area .tab_split .tab_btn li{height:66px}
	#gateS21 .cnt2 .area .tab_split .tab_btn li a{font-size:18px}
	#gateS21 .cnt2 .area .tab_split .tab_cnt{margin-top:20px}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner h4{font-size:16px}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner p{font-size:14px}
	#gateS21 .cnt2 .area .tab_split .tab_cnt > div ul li .inner a{font-size:12px;width:90px;height:26px;line-height:22px;margin-top:6px;border:1px solid #0c0f81}

	#gateS22 .cnt1 .rb_wrap{width:312px}
	#gateS22 .cnt1 .rb_wrap .bar{width:100px;margin-top:35px}
	#gateS22 .cnt1 .rb_wrap .num{width:70px;height:70px;line-height:70px;-webkit-background-size:;-moz-background-size:;background-size:70px auto;font-size:24px}
	#gateS22 .cnt1 h2{font-size:28px;padding-top:32px}
	#gateS22 .cnt1 h3{font-size:28px;}
	#gateS22 .cnt1 p{font-size:14px;line-height:1.5;padding-top:35px;padding-bottom:80px}
	#gateS22 .cnt2 .area .tab_split .tab_btn li{height:66px;line-height:66px}
	#gateS22 .cnt2 .area .tab_split .tab_btn li a{font-size:18px}
	#gateS22 .cnt2 .area .tab_split .tab_cnt > div{height:300px}
	#gateS22 .cnt2 .area .tab_split .tab_cnt > div h5{padding-top:70px}

	#gateS31 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:18px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:70%}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit{padding-left:20px;padding-top:20px;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{height:28px;line-height:27px;font-size:16px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{font-size:24px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left p{padding-left:20px;font-size:14px;line-height:1.3;word-break:keep-all;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right{right:20px;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn{width:80px;height:60px;font-size:14px;line-height: 60px;}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn span{padding-top:11px}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn img{margin-top:27px;width:12px;margin-left:8px}

	#gateS32 .cnt1{padding-bottom:50px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:18px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit{padding:14px 0 16px;}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap{padding:0 16px 0 2px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap .mark{/*width:50px;*/width: max-content;height:26px;line-height:24px;font-size:18px;margin-top:2px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit h3{font-size:22px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util{padding:15px 0}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{font-size:16px;padding-top:8px}
	/* #gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area{height:300px;} */
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:30px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{font-size:16px;height:40px;line-height:36px}
	#gateS32 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{height:40px;line-height:36px;font-size:16px;margin-top:10px}



	#gateS33 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:18px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left{width:70%}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit{padding-left:20px;padding-top:20px;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit .mark{width:45px;height:28px;line-height:27px;font-size:16px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left .ob_tit h3{font-size:24px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .left p{padding-left:20px;font-size:14px;line-height:1.3;word-break:keep-all;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right{right:20px;}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn{width:80px;height:60px;font-size:16px;padding-left:12px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn span{padding-top:11px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn img{margin-top:27px;width:12px;margin-left:8px}

	#gateS34 .cnt1{padding-bottom:50px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:18px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit{padding:14px 0 16px;}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap{padding:0 16px 0 12px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit .mark_wrap .mark{width:50px;height:26px;line-height:24px;font-size:18px;margin-top:2px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_tit h3{font-size:22px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util{padding:15px 0}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_util > p{font-size:16px;padding-top:8px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .box .write_area{height:300px;}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:30px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{font-size:16px;height:40px;line-height:36px}
	#gateS34 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{height:40px;line-height:36px;font-size:16px;margin-top:10px}

	#gateS41 .cnt1 .area .txt{margin-top:30px}
	#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap{padding-left:18px;padding-right:16px}

	#gateS42 .cnt1 .area .txt .box .write_util{padding:15px 0}
	#gateS42 .cnt1 .area .txt .box .write_util > p{padding-top:8px;font-size:16px}
	#gateS42 .cnt1 .area .txt .box .write_area{height:300px;}
	#gateS42 .cnt1 .area .txt .ctr a p{font-size:15px}
	#gateS42 .cnt1 .area .txt .ctr a .arrow img{width:10px;height:auto}
	#gateS42 .cnt1 .area .txt .box .write_tit .mark_wrap{padding:0 16px 0 12px}
	#gateS42 .cnt1 .area .txt .box .write_tit .mark_wrap .mark{width:50px;height:26px;line-height:24px;font-size:18px;}
	#gateS42 .cnt1 .area .txt .btn_wrap .view_list, #gateS42 .cnt1 .area .txt .btn_wrap .right button{width:90px;height:36px;font-size:15px;line-height:34px;margin-top:25px}
	#gateS41 .tab_split .tab_btn li a, #gateS42 .tab_split .tab_btn li a{font-size: 18px;}
	#gateS42 .cnt1 .area .txt{margin-top: 45px;}

    /* write_area 높이 추가 */
    #gateS42 .cnt1 .area .txt .box .write_area{height:100%;padding: 2vw 0.5vw;}

	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li label{right:10px !important;}
	#gateS43 .cnt1 .area .txt .txt4 .ul_wrap > ul > li.tb_txt .td4 select{-webkit-background-size:;-moz-background-size:;background-size:10px auto;}
	#gateS43 .cnt1 .area .txt .txt5 .ul_wrap > ul > li.tb_txt .td3 select{-webkit-background-size:;-moz-background-size:;background-size:10px auto;}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap > *{float:none}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap h4{width:100%}
	#gateS43 .cnt1 .area .txt .txt7 .link_wrap .form_cont{width:100%}
	#gateS43 .cnt1 .area .txt .sm_btn{width:90%;font-size:18px;height:40px}

	#main2 .cnt1{padding-bottom:50px}
	#main2 .cnt1 .area2 .left, #main2 .cnt1 .area2 .right{margin:8px auto 0;}
	#main2 .cnt1 .area2 .left ul li{width:calc(50% - 4px);height:calc(50% - 4px);margin-left:8px}
	#main2 .cnt1 .area2 .left ul li:nth-child(3), #main2 .cnt1 .area2 .left ul li:nth-child(4){margin-top:8px}
	#main2 .cnt1 .area2 .left ul li a h2{font-size:20px;padding-top:15px;padding-left:17px}
	#main2 .cnt1 .area2 .left ul li a p{font-size:13px;letter-spacing:-1px;right:15px;bottom:15px;}
	#main2 .cnt1 .area2 .left ul li a p img{width:8px;}
	#main2 .cnt1 .area2 .left ul li a .icon{margin-top:8px;margin-left:17px}
	#main2 .cnt1 .area2 .left ul li a .icon img{width:20px;}
	#main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager{bottom:10px;}
	/* #main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager > div a{width:45px;} */
	#main2 .cnt1 .area2 .right ul li{width:calc(50% - 4px);height:calc(50% - 4px);margin-left:8px}
	#main2 .cnt1 .area2 .right ul li:nth-child(3), #main2 .cnt1 .area2 .right ul li:nth-child(4){margin-top:8px}
	#main2 .cnt1 .area2 .right ul li a h2{font-size:20px;padding-top:15px;padding-left:17px}
	#main2 .cnt1 .area2 .right ul li a p{font-size:13px;letter-spacing:-1px;right:15px;bottom:15px;}
	#main2 .cnt1 .area2 .right ul li a p img{width:8px;}
	#main2 .cnt1 .area2 .right ul li a .icon{margin-top:8px;margin-left:17px}
	#main2 .cnt1 .area2 .right ul li:nth-child(1) a .icon img{width:22px}
	#main2 .cnt1 .area2 .right ul li:nth-child(2) a .icon img{width:12px}
	#main2 .cnt1 .area2 .right ul li:nth-child(3) a .icon img{width:12px}
	#main2 .cnt1 .area2 .right ul li:nth-child(4) a .icon img{width:24px}

	#camS11 .cnt1 .area .bar img{width:14px;}
	#camS11 .cnt1 .area .tit h2{font-size:25px}
	#camS11 .cnt1 .area .tit h2 span{width:130px;height:12px}
	#camS11 .cnt1 .area .txt .top .left p{font-size:14px;padding-top:20px;}
	#camS11 .cnt1 .area .txt .btm ul li .icon img{width:90px}
	#camS11 .cnt1 .area .txt .btm ul li h3{font-size:16px;padding-top:10px}
	#camS11 .cnt1 .area .txt .btm ul li p{font-size:14px;line-height:1.3}
	#camS11 .cnt2{margin-top:50px}
	#camS11 .cnt2 .area .bar img{width:14px;}
	#camS11 .cnt2 .area .tit h2{font-size:25px}
	#camS11 .cnt2 .area .tit h2 span{width:130px;height:12px}
	#camS11 .cnt2 .area .txt{margin-top:30px}
	#camS11 .cnt2 .area .txt ul li .inner h3{font-size:16px}
	#camS11 .cnt2 .area .txt ul li .inner p{font-size:14px}
	#camS11 .cnt2 .area .txt ul li .inner a{font-size:12px;width:90px;height:26px;line-height:22px;margin-top:6px;border:1px solid #0c0f81}

	#camS21 .cnt1 .area .txt .tab_split .tab_btn li{height:45px;line-height:45px}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:16px}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li:last-child a{height:42px;padding-top:0;}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li{height:300px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt h4, #camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h4{font-size:12px;padding:0 10px;height:20px;line-height:20px;margin-top:12px;margin-left:12px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt h3, #camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h3{font-size:25px;padding-left:12px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back h3{padding-bottom:10px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt p{font-size:14px;line-height:1.5;padding-left:12px;padding-top:15px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .frt .profile_btn{bottom:12px;left:12px;width:50px;height:26px;background:#e0e0e0;font-size:14px;}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back p{font-size:12px;line-height:1.7;padding-left:12px}
	#camS21 .cnt1 .area .txt .tab_split .tab_cnt > div ul li .back p span{padding-left:0}

	#camS31 .cnt1 .area .txt .tab_split .tab_btn li{height:45px;line-height:45px}
	#camS31 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:16px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div{padding-top:20px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li{height:40px;line-height:38px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:14px;letter-spacing:-2px;}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li{height:35px}
	#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .sub_tab_cnt > div .tab_split3 .tab_btn3 li a{height:34px;line-height:34px}

	#camS41 .cnt1{padding-bottom:50px}
	#camS41 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px;}
	#camS41 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:18px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt{margin-top:30px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:16px;padding-bottom:10px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit{height:63px;padding-left:10px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit h3{font-size:22px;line-height:58px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util{padding:15px 0}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{font-size:16px;padding-top:8px;padding-left:10px !important}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_area{height:300px;}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:30px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{font-size:16px;height:40px;line-height:36px}
	#camS41 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{height:40px;line-height:36px;font-size:16px;margin-top:10px}

	#camS42 .cnt1{padding-bottom:50px}
	#camS42 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px;}
	#camS42 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:18px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt{margin-top:30px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:16px;padding-bottom:10px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:70%}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{font-size:20px;padding-left:20px;padding-bottom:15px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left p{padding-left:20px;font-size:14px;line-height:1.3;word-break:keep-all;padding-bottom:0}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right{right:20px;}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn{width:75px;height:50px;font-size:13px;line-height:50px;}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn span{padding-top:10px}
	#camS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn img{margin-top:22px;margin-left:8px;width:12px}

	#camS51 .cnt1 .area .txt .box .write_util{padding:15px 0}
	#camS51 .cnt1 .area .txt .box .write_util> p{padding-top:8px;font-size:16px}
	#camS51 .cnt1 .area .txt .box .write_area{height:300px;}
	#camS51 .cnt1 .area .txt .ctr a p{font-size:15px}
	#camS51 .cnt1 .area .txt .ctr a .arrow img{width:10px;height:auto}
	#camS51 .cnt1 .area .txt .view_list{width:150px;height:36px;font-size:15px;line-height:34px;margin-top:25px}

	/*#camS52 .cnt1 .area .txt ul li a > div .mark_wrap{padding-left:10px;padding-right:12px}*/
	#camS52 .cnt1 .area .txt ul li a > div .mark_wrap .mark{font-size:14px;width:40px;height:24px;line-height:22px}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td2 p{padding-top:0}
	#camS52 .cnt1 .area .txt ul li.tb_txt a .td3{margin-left:10px;}

	#footer2 .ft_btm .area .btm_left h2 img{width:223px}
	#footer2 .ft_btm .area .btm_left > div{width:223px;margin-top:15px}
	#footer2 .ft_btm .area .btm_left > div a{font-size:14px;width:110px;height:28px;line-height:26px;}
	#footer2 .ft_btm .area .btm_right ul li p{font-size:12px}
	#footer2 .ft_btm .area .btm_right ul li.mid p{background-size:1px 8px;background-position:left 4px;padding-left:8px;margin-left:6px}
	#footer2 .ft_btm .area .btm_right ul li address{font-size:12px}

	#payPopup .close_btn{top:-20px;right:5px;}
	#payPopup .close_btn img{width:15px;height:auto;}
	#payPopup .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#payPopup .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#payPopup .box .ul_wrap > ul > li{height:38px}
	#payPopup .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#payPopup .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);}
	#payPopup .box .ul_wrap > ul > li .ip_box, #payPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:7px}
	#payPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 55px)}
	#payPopup .box .ul_wrap > ul > li.li_nb h4{width:96px}
	#payPopup .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 106px)}
	#payPopup .box .ul_wrap strong{font-size:12px;line-height:1.3;padding-top:5px;padding-bottom:15px}
	#payPopup .box .agr_wrap .top h4{font-size:13px}
	#payPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px}
	#payPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px;}
	#payPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px;}
	#payPopup .box .agr_wrap .btm{height:60px;margin-top:5px}
	#payPopup .box .agr_wrap .btm p{font-size:12px;line-height:1.5}
	#payPopup .box .pay_btn{font-size:15px;height:30px;margin-top:15px}


	#reservPopup .close_btn{top:-20px;right:5px;}
	#reservPopup .close_btn img{width:15px;height:auto;}
	#reservPopup .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#reservPopup .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#reservPopup .box .ul_wrap > ul > li{height:38px}
	#reservPopup .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#reservPopup .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);}
	#reservPopup .box .ul_wrap > ul > li .ip_box, #reservPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #reservPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:7px}
	#reservPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 55px)}
	#reservPopup .box .ul_wrap > ul > li.li_nb h4{width:96px}
	#reservPopup .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 106px)}
	#reservPopup .box .ul_wrap strong{font-size:12px;line-height:1.3;padding-top:5px;padding-bottom:15px}
	#reservPopup .box .agr_wrap .top h4{font-size:13px}
	#reservPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px}
	#reservPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px;}
	#reservPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px;}
	#reservPopup .box .agr_wrap .btm{height:60px;margin-top:5px}
	#reservPopup .box .agr_wrap .btm p{font-size:12px;line-height:1.5}
	#reservPopup .box .apl_btn{font-size:15px;height:30px;margin-top:15px}

	#reqPopup .close_btn{top:-20px;right:5px;}
	#reqPopup .close_btn img{width:15px;height:auto;}
	#reqPopup .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#reqPopup .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#reqPopup .box .ul_wrap > ul > li{height:38px}
	#reqPopup .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#reqPopup .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);}
	#reqPopup .box .ul_wrap > ul > li .ip_box, #reqPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #reqPopup .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:7px}
	#reqPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 55px)}
	#reqPopup .box .ul_wrap > ul > li.li_nb h4{width:96px}
	#reqPopup .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 106px)}
	#reqPopup .box .ul_wrap strong{font-size:12px;line-height:1.3;padding-top:5px;padding-bottom:15px}
	#reqPopup .box .agr_wrap .top h4{font-size:13px}
	#reqPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px}
	#reqPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px;}
	#reqPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px;}
	#reqPopup .box .agr_wrap .btm{height:60px;margin-top:5px}
	#reqPopup .box .agr_wrap .btm p{font-size:12px;line-height:1.5}
	#reqPopup .box .apl_btn{font-size:15px;height:30px;margin-top:15px}

	#reqIqPopup .close_btn{top:-20px;right:5px;}
	#reqIqPopup .close_btn img{width:15px;height:auto;}
	#reqIqPopup .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#reqIqPopup .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#reqIqPopup .box .ul_wrap > ul > li{height:38px}
	#reqIqPopup .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#reqIqPopup .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);margin-top:7px}
	#reqIqPopup .box .inq_btn{font-size:15px;height:30px;margin-top:15px}

	#alarmPopup .close_btn{top:-20px;right:5px;}
	#alarmPopup .close_btn img{width:15px;height:auto;}
	#alarmPopup .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#alarmPopup .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#alarmPopup .box .ul_wrap > ul > li{height:38px}
	#alarmPopup .box .ul_wrap > ul > li h4{font-size:12px;padding-left:5px;width:30px;line-height:38px}
	#alarmPopup .box .ul_wrap > ul > li .ip_box, #alarmPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li .ip_box{margin-top:7px}
	#alarmPopup .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 35px)}
	#alarmPopup .box .ul_wrap > ul > li.li_nb1 h4{width:60px}
	#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul{width:70%;}
	#alarmPopup .box .ul_wrap > ul > li.li_nb1 .send_btn{width:71px;margin-top:7px;font-size:10px}
	#alarmPopup .box .ul_wrap > ul > li.li_nb2 h4{width:60px}
	#alarmPopup .box .ul_wrap > ul > li.li_nb2 .ip_box{width:calc(100% - 141px);margin-top:7px}
	#alarmPopup .box .ul_wrap > ul > li.li_nb2 .ok_btn{width:71px;margin-top:7px;font-size:10px}
	#alarmPopup .box .agr_wrap .top h4{font-size:13px}
	#alarmPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px}
	#alarmPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px;}
	#alarmPopup .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px;}
	#alarmPopup .box .agr_wrap .btm{height:60px;margin-top:5px}
	#alarmPopup .box .agr_wrap .btm p{font-size:12px;line-height:1.5}
	#alarmPopup .box .apl_btn{font-size:15px;height:30px;margin-top:15px}

	#filePopup .close_btn{top:-20px;right:5px;}
	#filePopup .close_btn img{width:15px;height:auto;}
	#filePopup .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#filePopup .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	/* #filePopup .box .ul_wrap > ul > li{height:30px} */
	#filePopup .box .ul_wrap > ul > li h4{font-size:12px;padding-left:5px;width:60px;line-height:30px;}
    #filePopup .box .ul_wrap > ul > li > div:nth-child(1){
        font-size: 14px;
    }
	/* #filePopup .box .ul_wrap > ul > li .ip_box{width:calc(100% - 141px);height:30px} */
	#filePopup .box .ul_wrap > ul > li .find_file{width:71px;font-size:10px;height:30px;line-height:30px}
	#filePopup .box .ok_btn{font-size:15px;height:30px;margin-top:15px}
}
/* 500 끝 */
.block{
    display: block;
}
.class_time{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.class_time_btn{
    display: block;
    /* width: 130px;
    height: 32px;
    background: #0c0f81;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 auto;
    font-size: 20px;
    text-align: center; */
    /* color: #0c0f81;
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s; */
    transition: all 0.5s;

}
.class_time_btn::after{
    content: "상세보기";
    display: block;
    color: #0c0f81;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.class_time_btn.active::after{
    content: "닫기";
}
.class_time_popup{
    display: none;
    width: max-content;
    height: auto;
    position: relative;
    left: 150px;
    background-color: #f5eaffd9;
    color: #000;
    border-radius: 0 15px 15px 15px;
    top: 75px;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
    z-index: 3;
    font-size: 14px;
    text-align: left;
    padding: 30px 20px;
    box-sizing: border-box;
}
.class_time_popup::after {
    border-top: 25px solid #f5eaffd9;
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-bottom: 0px solid #0000;
    content: "";
    position: absolute;
    top: -13px;
    left: -16px;
    transform: rotate(127deg);
}
.class_time_popup.active{
    display: block;
}
.class_time_popup.active .close{
    display: block;
    font-size: 0;
    position: relative;
    width: 2px;
    height: 10px;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 0;
}

/* ---------------------------------------------------------------------------------
	2022.12.26 add index_new page
---------------------------------------------------------------------------------- */

/* 	00. common */
.block{display: block;}
#main{
	word-break: keep-all;
}
#main h3{
	font-size: calc(1rem + 1.25vw);
	font-weight: bold;
	margin-bottom: 8px;
}
#main h5{
    font-size: calc(1rem + 0.11vw);
}
#main h4{
	font-size: calc(1rem + 0.62vw);
}
#main p{
	font-size: calc(1rem + 0.21vw);
	line-height: calc(1rem + 1.57vw);
}
.write_area p{font-size: 16px;}
.write_area img{float: none !important;}

/* 	01. title area */
.title{
	/* width: 100%; */
    height: 100%;
}
.title .title_img_wrap{
	width: 100%;
	/* background-image: url(../images/main/title_img.jpg); */
    background-size: cover;
    height: 39.5833vw;
    background-position: center;
	background-repeat: no-repeat;
}
.title_roll{
    width: 100%;
    height: 100%;
}
.title_roll .title_video{
    width: 100%;
    margin: 0 auto;
    /* border-radius: 30px;
    background-color: #f0f0f0;
    padding: 40px;
    box-sizing: border-box;
    box-shadow: 0px 8px 33px #999; */
}
.title_roll li{
    height: 100%;
}
.title_roll img{
    width : 100%;
    height: 39.5833vw;
    margin: 0 auto;
}
.title_roll .title_bg{
    width : 100%;
    height: 39.5833vw;
    max-height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.title_roll .title_video_wrap{

    position: relative; width: 100%; height: auto; padding-top: 39.5833vw;

}
.title_roll iframe{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.bx-wrapper{
    border: none !important;
    box-shadow: none !important;
}


/* 	02. introduce area */
#main .introduce{
    padding: 6.9444vw 0;
}
#main .introduce .area{
	max-width: 1100px;
}
#main .introduce .area > div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #202020;
	column-gap: 30px;
}
#main .introduce .area > div > div{
    width: calc(100% / 2 - 30px);
    margin-bottom: 6.2500vw;
}
#main .introduce .img_wrap img{
    /* width: 76%; */
    width: 100%;
}
#main .introduce .img_wrap img:nth-child(2){
	width: 61%;
	position: relative;
    top: -20%;
    left: 39%;
	z-index: 1;
}
#main .introduce .briefing .img_wrap{
	text-align: right;
}
#main .introduce .briefing .img_wrap img:nth-child(2){
    left: -39%;
}
.introduce .txt_wrap{
	padding: 7.8125vw 0;
	height: max-content;
	text-align: right;
}
.introduce .txt_wrap span{
    display: block;
}
#main .introduce .briefing .txt_wrap{
	text-align: left;
}
#main .introduce h3{
	font-size: calc(1rem + 1.25vw);
	font-weight: bold;
	margin-bottom: 25px;
}
#main .introduce p{
	font-size: calc(1rem + 0.21vw);
    line-height: calc(1rem + 0.83vw);
}
#main .introduce a{
	width: 110px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
	font-weight: 300;
	color: #202020;
	background-color: #f4f4f4;
	margin-top: 20px;
}

/* 	03.community area  */
#main .community{
	background-color: #f2f2f2;
    padding: 6.9444vw 0;
	text-align: center;
}
#main .community h5{
	text-align: left;
	margin: 12px 0;
	display: inline-block;
	font-weight: bold;
}
#main .community .plus_btn{
	width: 30px;
	height: 30px;
	display: block;
}
#main .community .plus_btn span{
	width: 10px;
	height: 2px;
	background-color: #202020;
	display: block;
	position: relative;
    left: calc(100% / 2 - 5px);
}
#main .community .plus_btn span::before{
	content: "";
	width: 2px;
    height: 10px;
    background-color: #202020;
    display: block;
    position: absolute;
    left: calc(100% / 2 - 1px);
    top: calc(100% / 2 - 5px);
}
#main .community .board_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 3.1250vw;
}
#main .community .board_wrap > div{
	width: calc(100% / 2 - 20px);
}
#main .community .board_title,
#main .sns .sns_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#main .community .board{
	width: 100%;
	height: 250px;
	box-sizing: border-box;
	border-top: 3px solid #989898;
    border-bottom: 3px solid #989898;
    table-layout: fixed;
}
#main .community .board tr{
	border-top: 1px solid #d4d4d4;
}
#main .community .board th,
#main .community .board td{
	height: 40px;
}
#main .community .board th{
    font-size: calc(1rem + 0.11vw);
	color: #555555;
    font-weight: 500;
}
#main .community .board th:nth-child(1){
	width: 20%;
}
#main .community .board th:nth-child(2){
	width: 60%;
}
#main .community .board th:nth-child(3){
	width: 20%;
}
#main .community .board td{
	font-size: 16px;
	color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#main .community .board td:nth-child(1){
    text-align: center;
    padding: 0 5px;
}
#main .community .board td:nth-child(2){
    white-space: nowrap;
}

/* 	04. SNS */
#main .sns{
	padding: 6.9444vw 0;
	background-image: url(../images/main/sns_bg.jpg);
	background-size: cover;
	text-align: center;
}
#main .sns .area{
	max-width: 1100px;
}
#main .sns .sns_title{
	margin: 10px 0;
}
#main .sns .blog{
	padding: 80px 0;
	padding: 4.1667vw 0;
}
#main .sns .blog ul li{
	width: calc(100% / 3 - 40px);
}
#main .sns .blog ul img{
	border-radius: 6%;
	width: 100%;
    height: auto;
    border: 1px solid #b0b0b0;
    box-sizing: border-box;
}
#main .sns h4{
	font-weight: bold;
}
#main .sns_title a{
    font-size: calc(1rem + 0.21vw);
	display: flex;
	align-items: center;
}
#main .sns_title a > img{
	width: calc(1rem + 0.21vw);
	height: calc(1rem + 0.21vw);
	margin-left: 10px;
}
#main .sns ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}
#main .sns .youtube ul li{
	width: calc(100% / 2 - 20px);
}
#main .sns .youtube ul img{
	border-radius: 10px;
	width: 100%;
    height: auto;
}
#main .sns ul li iframe{
	height: 321px;
	border-radius: 10px;
}
@media (max-width:1280px) {

    .class_time{
        position: initial;
    }
    .class_time_btn::after{
        position: initial;
        transform: initial;
    }
    .class_time_popup{
        top: 0;
        font-size: 11px;
        left: 60px;
		padding: 1.5625vw 1.0417vw;
    }
}
@media (max-width:1024px) {

	.title .title_img_wrap{
		/* background-image: url(../images/mobile/title_img_mo.jpg); */
		/* height: 50vh; */
	}
    .introduce .txt_wrap span{
        display: inline;
    }

}
@media (max-width:720px) {

	/* add index_new page */
	#main .area{
		width: 90%;
	}
	#main .introduce .area > div > div,
	#main .community .board_wrap > div,
	#main .sns .blog ul li,
	#main .sns .youtube ul li{
		width: 100%;
	}
    #main .introduce .area > div{
        border-top: 1px solid #ccc;
        padding: 50px 0;
    }
    #main .introduce .area > div:nth-child(1){
        border-top: none;
    }
    #main .introduce{
        padding: 0;
    }
	#main .introduce .area .briefing{
		flex-wrap: wrap-reverse !important;
	}
	#main .introduce .txt_wrap{
		padding: 0;
		text-align: left;
	}
	#main .community .board_wrap > div{
		padding: 20px 0;
	}
    .title .title_img_wrap img{
        height: auto;
    }
    .title .title_img_wrap{
        height: 100%;
    }
    .title_roll .title_video_wrap{
        padding-top: 100%;
    }

}
/* ---------------------------------------------------------------------------------
	// 	2022.12.26 add index_new page
---------------------------------------------------------------------------------- */