@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:12px; */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:not(.write_area h1), h2:not(.write_area h2), h3:not(.write_area h3), h4:not(.write_area h4), h5:not(.write_area h5), h6:not(.write_area 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:not(.write_area em){font-style:normal}
fieldset{border:0}
select::-ms-expand {display:none}

.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 .logo{position:absolute;top:44px;left:0;}
#header .area2 .logo a{display:block;width:100%;height:100%}
#header .area2 #gnb{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);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:26px;right:60px}
/* 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:2}
/* 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:49.5%;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:56px;right:0;}
#header .area2 .ham_btn button{font-size:20px;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-weight:700;color:#8e8e8e}
#header .area2 .ham_btn button img{margin-top:5px;margin-left:19px}
#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 .area .top{margin-bottom:50px}
#main .cnt1 .area .top > div{float:left;}
#main .cnt1 .area .top .left{width:64%}
#main .cnt1 .area .top .left .bx-wrapper{box-shadow:none;border:0;margin:0}
#main .cnt1 .area .top .left ul li img{width:100%;height:auto}
#main .cnt1 .area .top .left ul li .mb_visual{display:none;}
#main .cnt1 .area .top .left .bx-wrapper .bx-controls .bx-pager{width:62px;position:absolute;bottom:30px;right:28px;}
#main .cnt1 .area .top .left .bx-wrapper .bx-controls .bx-pager div a{width:6px;height:6px;background:#282828}
#main .cnt1 .area .top .left .bx-wrapper .bx-controls .bx-pager div a.active{width:20px}

	/* 22.04.05 추가 시작 */
	#main .cnt1 .area .top .left .bx-wrapper .bx-controls-direction a {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
	}

	#main .cnt1 .area .top .left .bx-wrapper .bx-controls-direction .bx-prev {
		background-image: url("../images/main/prev_btn.png");
	}

	#main .cnt1 .area .top .left .bx-wrapper .bx-controls-direction .bx-next {
		background-image: url("../images/main/next_btn.png");
	}
	/* 22.04.05 추가 끝 */

/* 팝업 */
.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{
	
}


/* 팝업 */

#main .cnt1 .area .top .right{width:34%;margin-left:1.5%}
#main .cnt1 .area .top .right ul{height:100%}
#main .cnt1 .area .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 .area .top .right ul li:nth-child(2), #main .cnt1 .area .top .right ul li:nth-child(4){margin-left:3.6%}
#main .cnt1 .area .top .right ul li:nth-child(3), #main .cnt1 .area .top .right ul li:nth-child(4){margin-top:3.6%}
#main .cnt1 .area .top .right ul li a{position:relative;display:block;width:100%;height:100%}
#main .cnt1 .area .top .right ul li a h3{font-size:24px;font-weight:500;line-height:30px;padding-top:15px;padding-left:16px}
#main .cnt1 .area .top .right ul li a .icon{display:block;margin-left:20px;margin-top:10px}
#main .cnt1 .area .top .right ul li a .icon img{height:auto}
#main .cnt1 .area .top .right ul li a p{position:absolute;bottom:18px;right:19px;font-size:18px;}
#main .cnt1 .area .top .right ul li a p img{margin-top:9px;margin-left:9px}
#main .cnt1 .area .btm{width:100%;height:200px;overflow:hidden;}
#main .cnt1 .area .btm ul{height:100%}
#main .cnt1 .area .btm ul li{width:100%;height:200px;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 .area .btm ul li .h_wrap{float:left;font-family:GSM, GSB, 'Noto Sans KR', sans-serif;color:#fff;padding-left:50px;padding-top:40px}
#main .cnt1 .area .btm ul li .h_wrap > *{letter-spacing:-1.5px;}
#main .cnt1 .area .btm ul li .h_wrap h4{font-size:22px;padding-bottom:14px;font-family:GSL, GSM, 'Noto Sans KR', sans-serif;}
#main .cnt1 .area .btm ul li .h_wrap h3.h3_1{font-size:33px}
#main .cnt1 .area .btm ul li .h_wrap h3.h3_2{font-size:45px;color:#00e4ff}
#main .cnt1 .area .btm ul li .h_wrap h3 .clr_1{color:#ff7c7c}
#main .cnt1 .area .btm ul li .h_wrap h3 .clr_2{color:#ffd563}
#main .cnt1 .area .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:70px;padding-right:73px}
#main .cnt1 .area .btm .bx-wrapper{box-shadow:none;border:0;background-color:none;height:100%}
#main .cnt1 .area .btm .bx-wrapper .bx-controls .bx-pager{width:62px;position:absolute;bottom:20px;right:18px;}
#main .cnt1 .area .btm .bx-wrapper .bx-controls .bx-pager div a{background:#fff;width:6px;height:6px}
#main .cnt1 .area .btm .bx-wrapper .bx-controls .bx-pager div a.active{width:20px}

	/* 22.04.05 추가 시작 */
	#main .cnt1 .area .btm .bx-wrapper .bx-controls-direction a {
		width: 34px;
		height: 34px;
		margin-top: -17px;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto
	}

	#main .cnt1 .area .btm .bx-wrapper .bx-controls-direction .bx-prev {
		background-image: url("../images/main/prev_btn.png");
	}

	#main .cnt1 .area .btm .bx-wrapper .bx-controls-direction .bx-next {
		background-image: url("../images/main/next_btn.png");
	}
/* 22.04.05 추가 끝 */


#main .cnt2{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;margin-bottom:100px}
#main .cnt2 .area{height:100%}
#main .cnt2 .area > div{float:left;width:50%;height:100%;padding-bottom:30px}
#main .cnt2 .area > div .box_wrap h3{font-size:20px;color:#000;font-weight:700;padding-top:30px}
#main .cnt2 .area > div .box_wrap .plus{display:block;float:right;margin-right:42px;margin-bottom:10px}
#main .cnt2 .area > div .box_wrap ul{width:100%}
#main .cnt2 .area > div .box_wrap ul li{float:left;margin-left:12px}
#main .cnt2 .area > div .box_wrap ul li:first-child{margin-left:0}
#main .cnt2 .area > div .box_wrap ul li a{display:block;width:100%;height:100%}

#main .cnt2 .area .yt_box{border-left:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#main .cnt2 .area .yt_box .box_wrap{margin-left:42px}
#main .cnt2 .area .yt_box .box_wrap .plus{margin-right:0}

#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{width:1200px;margin:40px auto 0}
#gateS31 .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%}
#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}
#gateS31 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#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:70px;height:30px;line-height:28px;background:#0c0f81;font-size:22px;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 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:#0c0f81;font-size:20px;color:#fff;line-height:50px;text-align:center}
#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:#0c0f81}
#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:#0c0f81;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}
#gateS32 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81}
#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 #0c0f81;-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:70px;height:30px;line-height:28px;background:#0c0f81;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;}
#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;}
#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:#0c0f81}
#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:20px}

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

#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:#0c0f81;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;padding-left:20px}
#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:40px;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:40px auto 0}
#gateS34 .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%}
#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:20px;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:21px 0 23px}
#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:70px;height:30px;line-height:28px;background:#0c0f81;font-size:22px;color:#fff;font-weight:500;text-align:center;margin:2px auto 0}
#gateS34 .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;}
#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:fit-content;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:50px;text-align:center;line-height:48px;font-size:20px;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:50px;background:#282828;color:#fff;font-size:20px;text-align:center;line-height:48px;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 #0c0f81}
#gateS41 .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;}
#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:60px;height:26px;line-height:24px;background:#0c0f81;font-size:20px;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}
#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:#0c0f81}
#gateS41 .cnt1 .area .txt .paging ul li.on a{color:#fff}

#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-top:40px}
#gateS42 .cnt1 .area .txt .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding-top:40px;border-bottom:4px solid #0c0f7c;-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 #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}
#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:60px;height:26px;line-height:25px;background:#0c0f81;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:fit-content;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:200px;height:40px;background:#282828;font-size:20px;color:#fff;text-align:center;line-height:40px;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:200px;height:40px;background:#282828;font-size:20px;color:#fff;text-align:center;line-height:40px;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%;height: auto;}


#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:5%;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:5%;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:5%;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:5%;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:5%;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:5%;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:5%;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:2%;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{font-size: 14px;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 추가 끝 */

#header2{border-bottom:1px solid #e0e0e0}
#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 7px}
#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:14px;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:300px;height:auto}
#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 #0c0f81;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:#0c0f81;-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:2}
/* 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:#0c0f81;}
#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:#0c0f81}
#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;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:24.4%;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 #0c0f81;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:30px}
#main2 .cnt1 .area2{height:100%;padding-top:29px}
#main2 .cnt1 .area2 > div{float:left;height:770px}
#main2 .cnt1 .area2 .left{width:27.9%;}
#main2 .cnt1 .area2 .mid{width:65%;margin:0 1.6%;}
#main2 .cnt1 .area2 .mid li{height:100%}
#main2 .cnt1 .area2 .mid li img{width:100%;height:41.6667vw;}
#main2 .cnt1 .area2 .right{width:31%}
#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} */

	/* 22.04.05 추가 시작 */
	#main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls-direction a {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
	}

	#main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls-direction .bx-prev {
		background-image: url("../images/main/prev_btn.png");
	}

	#main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls-direction .bx-next {
		background-image: url("../images/main/next_btn.png");
	}
	/* 22.04.05 추가 끝 */


#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 #0c0f81;border-bottom:2px solid #0c0f81}
#camS12 .cnt1 .area .txt ul{width:1200px;margin:0 auto}
#camS12 .cnt1 .area .txt ul li{border-bottom:2px solid #e0e0e0}
#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:8px 29px 0 40px}
#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:20px 29px 0 40px}
#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.5%;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:#0c0f81;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:#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 .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 #0c0f81}
#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:2}

#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:5%;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:5%;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 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:#0c0f81;-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:88vh;-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%;max-height: 88vh;overflow:scroll;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 #0c0f81}
#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:5%;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 > .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:5%;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:31%;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:5%;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: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:12px;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: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}
#reservPopup .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}
#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-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:#0c0f81;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0}

#offReqPu{display:none;position:fixed;top:50%;left:50%;width:550px;height:782px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#offReqPu .close_btn{position:absolute;top:-30px;right:0;}
#offReqPu .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#offReqPu .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#offReqPu .box .ul_wrap{width:490px;margin:0 auto;border-top:3px solid #0c0f81}
#offReqPu .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#offReqPu .box .ul_wrap > ul > li > *{float:left;}
#offReqPu .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#offReqPu .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}
#offReqPu .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#offReqPu .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#offReqPu .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}
#offReqPu .box .ul_wrap > ul > li.li_grd ul li{float:left;width:50%}
#offReqPu .box .ul_wrap > ul > li.li_grd ul li > *{float:left;}
#offReqPu .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}
#offReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#offReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input:focus{outline:0}
#offReqPu .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}
#offReqPu .box .ul_wrap > ul > li.li_nb h4{width:118px}
#offReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 130px)}
#offReqPu .box .ul_wrap > ul > li.li_nb ul li{float:left;width:31%;margin-left:3.4%}
#offReqPu .box .ul_wrap > ul > li.li_nb ul li:first-child{margin-left:0}
#offReqPu .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}
#offReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#offReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input:focus{outline:0}
#offReqPu .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}
#offReqPu .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}
#offReqPu .box .agr_wrap{margin-left:42px;width:478px}
#offReqPu .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555}
#offReqPu .box .agr_wrap .top .chk_wrap{float:right;}
#offReqPu .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}
#offReqPu .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}
#offReqPu .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}
#offReqPu .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}
#offReqPu .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;}
#offReqPu .box .agr_wrap .btm p{font-size:14px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all;}
#offReqPu .box .inq_btn{display:block;width:490px;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}

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

#onReqPu{display:none;position:fixed;top:50%;left:50%;width:550px;height:782px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#onReqPu .close_btn{position:absolute;top:-30px;right:0;}
#onReqPu .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#onReqPu .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#onReqPu .box .ul_wrap{width:490px;margin:0 auto;border-top:3px solid #0c0f81}
#onReqPu .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#onReqPu .box .ul_wrap > ul > li > *{float:left;}
#onReqPu .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#onReqPu .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}
#onReqPu .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#onReqPu .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#onReqPu .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}
#onReqPu .box .ul_wrap > ul > li.li_grd ul li{float:left;width:50%}
#onReqPu .box .ul_wrap > ul > li.li_grd ul li > *{float:left;}
#onReqPu .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}
#onReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#onReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input:focus{outline:0}
#onReqPu .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}
#onReqPu .box .ul_wrap > ul > li.li_nb h4{width:118px}
#onReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 130px)}
#onReqPu .box .ul_wrap > ul > li.li_nb ul li{float:left;width:31%;margin-left:3.4%}
#onReqPu .box .ul_wrap > ul > li.li_nb ul li:first-child{margin-left:0}
#onReqPu .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}
#onReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#onReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input:focus{outline:0}
#onReqPu .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}
#onReqPu .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}
#onReqPu .box .agr_wrap{margin-left:42px;width:478px}
#onReqPu .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555}
#onReqPu .box .agr_wrap .top .chk_wrap{float:right;}
#onReqPu .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}
#onReqPu .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}
#onReqPu .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}
#onReqPu .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}
#onReqPu .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;}
#onReqPu .box .agr_wrap .btm p{font-size:14px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all;}
#onReqPu .box .inq_btn{display:block;width:490px;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}

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

#camReqPu{display:none;position:fixed;top:50%;left:50%;width:550px;height:88vh;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#camReqPu .close_btn{position:absolute;top:-30px;right:0;}
#camReqPu .box{width:100%;height:100%;max-height: 88vh;overflow: scroll;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#camReqPu .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px}
#camReqPu .box .ul_wrap{width:490px;margin:0 auto;border-top:3px solid #0c0f81}
#camReqPu .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4}
#camReqPu .box .ul_wrap > ul > li > *{float:left;}
#camReqPu .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px}
#camReqPu .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}
#camReqPu .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#camReqPu .box .ul_wrap > ul > li > .ip_box input:focus{outline:0}
#camReqPu .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}
#camReqPu .box .ul_wrap > ul > li.li_grd ul li{float:left;width:50%}
#camReqPu .box .ul_wrap > ul > li.li_grd ul li > *{float:left;}
#camReqPu .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}
#camReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#camReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input:focus{outline:0}
#camReqPu .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}
#camReqPu .box .ul_wrap > ul > li.li_nb h4{width:118px}
#camReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 130px)}
#camReqPu .box .ul_wrap > ul > li.li_nb ul li{float:left;width:31%;margin-left:3.4%}
#camReqPu .box .ul_wrap > ul > li.li_nb ul li:first-child{margin-left:0}
#camReqPu .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}
#camReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#camReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input:focus{outline:0}
#camReqPu .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}
#camReqPu .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}
#camReqPu .box .agr_wrap{margin-left:42px;width:478px}
#camReqPu .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555}
#camReqPu .box .agr_wrap .top .chk_wrap{float:right;}
#camReqPu .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}
#camReqPu .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}
#camReqPu .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}
#camReqPu .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}
#camReqPu .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;}
#camReqPu .box .agr_wrap .btm p{font-size:14px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all;}
#camReqPu .box .inq_btn{display:block;width:490px;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}

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

#alarmPopup{display:none;position:fixed;top:50%;left:50%;width:450px;height:564px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}
#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:5%;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:5%;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:calc(100% - 198px)}
#alarmPopup .box .ul_wrap > ul > li.li_nb1 ul li{float:left;width:32%;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:95%;padding-left:5%;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 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:5%;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:12px;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:10px;height:10px;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:10px;height:10px;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-size:14px;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}
#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;}
#filePopup .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;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 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:calc(100% - 178px);height:40px;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:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555}
#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}
#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:#0c0f81}
#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 > 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}
#camS31 .cnt1 .area .txt .tab_split > .tab_cnt > div .tab_split2 .tab_btn2 li.on{background:#0c0f81;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;}
#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:#0c0f81}
#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 #0c0f81}
#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 #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 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: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_tit .th2{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_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}
#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 #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 .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}

#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}
#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:40px;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{width:1200px;margin:36px auto 0}
#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: fit-content;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;font-size:18px;color:#333;line-height:1.5;word-break:keep-all;}
#camS51 .cnt1 .area .txt .ctr a .arrow img{margin-top:8px;margin-right:10px}
#camS51 .cnt1 .area .txt .view_list{display:block;width:200px;height:40px;background:#282828;font-size:20px;color:#fff;text-align:center;line-height:40px;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:39px 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:last-child{border-bottom:0}
#camS52 .cnt1 .area .txt ul li.tb_txt a{display:block;width:100%;height:100%}
#camS52 .cnt1 .area .txt ul li.tb_txt a > *{float:left;}
#camS52 .cnt1 .area .txt ul li.tb_txt a .td1{width:9%}
#camS52 .cnt1 .area .txt ul li.tb_txt a .td2{width:66%}
#camS52 .cnt1 .area .txt ul li.tb_txt a .td3{width:7%}
#camS52 .cnt1 .area .txt ul li.tb_txt a .td4{width:12%}
#camS52 .cnt1 .area .txt ul li.tb_txt a .td5{width:6%}
#camS52 .cnt1 .area .txt ul li.tb_txt a .td2 > *{float:left;}
#camS52 .cnt1 .area .txt ul li a > div .mark_wrap{padding-right:9px}
#camS52 .cnt1 .area .txt ul li a > div .mark_wrap .mark{display:block;width:60px;height:26px;line-height:24px;background:#0c0f81;font-size:20px;color:#fff;font-weight:500;text-align:center;margin-top:12px;}
#camS52 .cnt1 .area .txt ul li a > div p{font-size:16px;text-align:center;color:#333}
#camS52 .cnt1 .area .txt ul li.tb_txt a .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 #282828;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:18px;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:300px}
#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}

/* 1820 시작 */
@media all and (max-width:1820px) {
	.area2{width:96%}
	
	#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 끝 */

/* 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}
}
/* 1500 끝 */

/* 1280 시작 */
@media all and (max-width:1280px) {
	.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{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:24px;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}
	/* 22.03.15 추가 시작 */
	#header .area2 .util .me_fullview .txt .txt4{width:calc(100% - 40px)}
	/* 22.03.15 추가 끝 */
	#header .full_menu{height:auto;top:90px;}
	#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{width:96%;margin:0 auto}
	#header2 .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}
	/* 22.03.15 추가 시작 */
	#header2 .area2 .me_fullview .txt .txt4{width:calc(100% - 40px)}
	/* 22.03.15 추가 끝 */
	#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 .area{width:100%}
	#main .cnt1 .area .top > div{float:none;}
	#main .cnt1 .area .top .left{width:100%;margin-bottom:40px}
	#main .cnt1 .area .top .right{margin-left:0;width:96%;margin:0 auto}
	#main .cnt1 .area .top .right ul li{height:258px}
	#main .cnt1 .area .top .right ul li a h3{font-size:26px;line-height:32px;}
	#main .cnt1 .area .top .right ul li a p{font-size:18px;}
	#main .cnt1 .area .top .right ul li a p img{margin-top:9px;margin-left:9px}
	#main .cnt1 .area .btm{width:96%;margin:0 auto}
	#main .cnt1 .area .btm ul li .h_wrap{padding-top:36px}
	#main .cnt1 .area .btm ul li .h_wrap h4{font-size:18px}
	#main .cnt1 .area .btm ul li .h_wrap h3.h3_1{font-size:26px;line-height:1.2}
	#main .cnt1 .area .btm ul li .h_wrap h3.h3_2{font-size:35px;}
	#main .cnt1 .area .btm ul li .h_wrap h3 em{display:block;}
	#main .cnt1 .area .btm ul li strong{width:250px;font-size:20px;line-height:30px;padding-right:50px;padding-top:75px}
	#main .cnt1 .area .btm ul li strong span{font-size:24px}

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

	#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%;border:2px solid #e0e0e0;-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;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;/*lhj 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%;}

	#gateS42 .cnt1 .area .txt{width:100%}
	#gateS42 .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.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_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%)}

	#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%)}

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

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

	#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{width:316px;margin:0 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 #0c0f81;border-bottom:4px solid #0c0f81}
	#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}

	#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}
	
	#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}

	#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}
}
/* 1000 끝 */

/* 830 시작 */
@media all and (max-width:830px) {
	/* 22.03.15 추가 시작 */
	#header .area2 .util .me_fullview{height:96%;overflow:auto;}
	/* 22.03.15 추가 끝 */

	/* 22.03.15 수정 시작 */
	#header .area2 .util .me_fullview .tit{padding-left:0;margin-top:20px;margin-bottom:20px}
	#header .area2 .util .me_fullview .tit h2{font-size:26px;}
	#header .area2 .util .me_fullview .tit h3{font-size:18px;padding-top:0}
	/* 22.03.15 수정 끝 */
	#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}
	
	/* 22.03.15 추가 시작 */
	#header2 .area2 .me_fullview{height:96%;overflow:auto;}
	/* 22.03.15 추가 끝 */

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

	#main .cnt1 .area .btm ul li strong{padding-right:25px;width:220px}

	#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%}
}
/* 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 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}
	#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{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 .area .top .left .bx-wrapper .bx-controls .bx-pager{bottom:15px;right:14px;}
	#main .cnt1 .area .top .left ul li .pc_visual{display:none;}
	#main .cnt1 .area .top .left ul li .mb_visual{display:block;}
	#main .cnt1 .area .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 .area .btm ul li .h_wrap{padding-top:46px;padding-left:20px}
	#main .cnt1 .area .btm ul li .h_wrap h4{font-size:14px;padding-bottom:9px;}
	#main .cnt1 .area .btm ul li .h_wrap h3.h3_1{font-size:20px;padding-bottom:10px}
	#main .cnt1 .area .btm ul li .h_wrap h3.h3_2{font-size:28px;}
	#main .cnt1 .area .btm ul li strong{font-size:16px;line-height:22px;padding-top:80px;padding-right:15px;width:180px}
	#main .cnt1 .area .btm ul li strong span{font-size:16px}*/


	#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_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}
	#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:60px;height:32px;line-height:31px;font-size:20px}
	#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:25%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:50px;line-height:50px;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:6px}
	#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:fit-content;}

	#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:50px;line-height:50px;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;padding-left:20px;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:50px;line-height:50px;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:6px}
	#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:fit-content;}

	#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:20px}
	#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap .mark{font-size:18px;width:50px;height:28px;line-height:26px}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2{margin-bottom:20px;}
	#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 .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:30px}
	#gateS42 .cnt1 .area .txt .btn_wrap .view_list, #gateS42 .cnt1 .area .txt .btn_wrap .right button{width:150px;height:36px;font-size:16px;line-height:36px;}
	#gateS42 .cnt1 .area .txt .btn_wrap .right .wrt_dlt{margin-left:5px}


	#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:2%;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}
	/* 22.03.15 수정 시작 */
	#camS11 .cnt2 .area .tit h2 span{width:220px;margin-left:-27px}
	/* 22.03.15 수정 끝 */
	#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.map_info1 .icon, #camS12 .cnt1 .area .txt ul li.map_info2 .icon{width:50px}
	#camS12 .cnt1 .area .txt ul li.map_info1 .icon img, #camS12 .cnt1 .area .txt ul li.map_info2 .icon img{width:30px;height:auto;margin-top:8px}
	#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:50px;line-height:48px;}
	#camS21 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:16px}
	#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:0px;}
	#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:1px solid #282828;}
	#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:50px;line-height:48px;border:2px solid #e0e0e0;background:#f3f3f3}
	#camS41 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:16px}
	#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_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:fit-content;}

	#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 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:88vh;}
	/*#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, #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}

	/* 22.03.15 추가 시작 */
	#offReqPu{width:90%;height:auto;}
	#offReqPu .box{padding-bottom:30px}
	#offReqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#offReqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#offReqPu .box .ul_wrap > ul > li{height:44px}
	#offReqPu .box .ul_wrap > ul > li .ip_box, #offReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #offReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px}
	#offReqPu .box .ul_wrap > ul > li h4{line-height:44px}
	#offReqPu .box .agr_wrap{width:85%;margin:0 auto}
	#offReqPu .box .agr_wrap .btm{width:100%}
	#offReqPu .box .inq_btn{width:85%;margin-top:20px}
	#offReqIqPu{width:90%;height:auto;}
	#offReqIqPu .box{padding-bottom:30px}
	#offReqIqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#offReqIqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#offReqIqPu .box .ul_wrap > ul > li{height:44px}
	#offReqIqPu .box .ul_wrap > ul > li .ip_box{margin-top:9px}
	#offReqIqPu .box .ul_wrap > ul > li h4{line-height:44px}
	#offReqIqPu .box .agr_wrap{width:85%;margin:0 auto}
	#offReqIqPu .box .agr_wrap .btm{width:100%}
	#offReqIqPu .box .inq_btn{width:85%;margin-top:20px}
	#onReqPu{width:90%;height:auto;}
	#onReqPu .box{padding-bottom:30px}
	#onReqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#onReqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#onReqPu .box .ul_wrap > ul > li{height:44px}
	#onReqPu .box .ul_wrap > ul > li .ip_box, #onReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #onReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px}
	#onReqPu .box .ul_wrap > ul > li h4{line-height:44px}
	#onReqPu .box .agr_wrap{width:85%;margin:0 auto}
	#onReqPu .box .agr_wrap .btm{width:100%}
	#onReqPu .box .inq_btn{width:85%;margin-top:20px}
	#onReqIqPu{width:90%;height:auto;}
	#onReqIqPu .box{padding-bottom:30px}
	#onReqIqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#onReqIqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#onReqIqPu .box .ul_wrap > ul > li{height:44px}
	#onReqIqPu .box .ul_wrap > ul > li .ip_box{margin-top:9px}
	#onReqIqPu .box .ul_wrap > ul > li h4{line-height:44px}
	#onReqIqPu .box .agr_wrap{width:85%;margin:0 auto}
	#onReqIqPu .box .agr_wrap .btm{width:100%}
	#onReqIqPu .box .inq_btn{width:85%;margin-top:20px}
	#camReqPu{width:90%;height:88vh;}
	#camReqPu .box{padding-bottom:30px}
	#camReqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#camReqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#camReqPu .box .ul_wrap > ul > li{height:44px}
	#camReqPu .box .ul_wrap > ul > li .ip_box, #camReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #camReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px}
	#camReqPu .box .ul_wrap > ul > li h4{line-height:44px}
	#camReqPu .box .agr_wrap{width:85%;margin:0 auto}
	#camReqPu .box .agr_wrap .btm{width:100%}
	#camReqPu .box .inq_btn{width:85%;margin-top:20px}
	#camReqIqPu{width:90%;height:auto;}
	#camReqIqPu .box{padding-bottom:30px}
	#camReqIqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px}
	#camReqIqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81}
	#camReqIqPu .box .ul_wrap > ul > li{height:44px}
	#camReqIqPu .box .ul_wrap > ul > li .ip_box{margin-top:9px}
	#camReqIqPu .box .ul_wrap > ul > li h4{line-height:44px}
	#camReqIqPu .box .agr_wrap{width:85%;margin:0 auto}
	#camReqIqPu .box .agr_wrap .btm{width:100%}
	#camReqIqPu .box .inq_btn{width:85%;margin-top:20px}
	/* 22.03.15 추가 끝 */

	#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 > 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}
}
/* 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 .area .btm{height:260px}
	#main .cnt1 .area .btm .bx-wrapper{height:100%}
	#main .cnt1 .area .btm .bx-wrapper .bx-viewport{height:100% !important}
	#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}
	#main .cnt1 .area .btm ul li strong{display:block;float:none;padding:0;text-align:left;padding-left:20px}*/



	#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:24px;right:35px;}
	#header .area2 .util .mb_me_fv_btn img{width:26px;height:auto}
	#header .area2 .ham_btn{top:22px;}
	#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:23px;}
	#header2 .area2 .btm .hd_logo a > img{width:253px}
	#header2 .area2 .btm .hd_logo a p img{width:50px;margin-top:6px}
	#header2 .area2 .btm .btm_wrap{height:70px}
	#header2 .area2 .btm .btm_wrap .alarm{width:75px;height:20px;line-height:19px;font-size:11px;margin-top:26px;margin-right:0;letter-spacing:-2px;}

	/* 22.03.15 추가 시작 */
	.alarm1{display:none;}
	.alarm2{display:block;}
	/* 22.03.15 추가 끝 */
	/* 22.03.23 추가 시작 */
	.csi_close {
		display: block;
	}
	/* 22.03.23 추가 끝 */
	
	#header2 .area2 .btm .btm_wrap .ham_btn{margin-top:22px;margin-left:5px}
	#header2 .area2 .btm .btm_wrap .ham_btn button{width:26px;height:auto}
	#header2 .area2 .btm .btm_wrap .ham_btn .mb_me_fv_btn{margin-right:5px}
	#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 .area .top .left{margin-bottom:20px}
	#main .cnt1 .area .top .right ul li{height:180px}
	#main .cnt1 .area .top .right ul li a h3{font-size:20px;line-height:1.3;padding-top:20px;padding-left:18px}
	#main .cnt1 .area .top .right ul li a .icon{margin-left:18px;margin-top:12px}
	#main .cnt1 .area .top .right ul li.right_1 a .icon img{width:12px;}
	#main .cnt1 .area .top .right ul li.right_2 a .icon img{width:26px}
	#main .cnt1 .area .top .right ul li.right_3 a .icon img{width:24px}
	#main .cnt1 .area .top .right ul li.right_4 a .icon img{width:12px}
	#main .cnt1 .area .top .right ul li a p{font-size:14px;}
	#main .cnt1 .area .top .right ul li a p img{margin-top:7px;}
	#main .cnt2 .area > div .box_wrap h3{font-size:14px}
	#main .cnt2 .area > div .box_wrap .plus img{width:16px;height:auto}

	/* 22.04.05 추가 시작 */
	#main .cnt1 .area .top .left .bx-wrapper .bx-controls-direction a {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}

	#main .cnt1 .area .btm .bx-wrapper .bx-controls-direction a {
		width: 24px;
		height: 24px;
		margin-top: -12px
	}

	#main .cnt1 .area .btm ul li .h_wrap {
		padding-left: 40px
	}

	#main .cnt1 .area .btm ul li strong {
		padding-left: 40px
	}
	/* 22.04.05 추가 끝 */


	#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:50px;line-height:50px}
	#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{width:45px;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;padding-bottom:0}
	#gateS31 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right{right:12px;}
	#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:12px}
	#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 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 12px}
	#gateS32 .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}
	#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:fit-content;}
	#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;padding-bottom:0}
	#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:14px;padding-left:12px}
	#gateS33 .cnt1 .area .txt .tab_split .tab_cnt > div > ul > li .right .reserv_btn span{padding-top:12px}
	#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:fit-content;}
	#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 ul li a > div .mark_wrap{padding-left:10px;padding-right:12px}
	#gateS41 .cnt1 .area .txt ul li a > div .mark_wrap .mark{font-size:14px;width:40px;height:24px;line-height:22px}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td2 p{padding-top:0}
	#gateS41 .cnt1 .area .txt ul li.tb_txt a .td3{margin-left:10px;}

	#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:fit-content;}
	#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}


	#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}

		/* 22.04.05 추가 시작 */
		#main2 .cnt1 .area2 .mid .bx-wrapper .bx-controls-direction a {
			width: 30px;
			height: 30px;
			margin-top: -15px;
		}
	/* 22.04.05 추가 끝 */


	#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;}
	/* 22.03.15 추가 시작 */
	#camS11 .cnt1 .area .txt .top .left p.p1 .uline1{width:100%;}
	#camS11 .cnt1 .area .txt .top .left p.p1 .uline2{width:100%;}
	#camS11 .cnt1 .area .txt .top .left p.p2 .uline1{width:100%;}
	#camS11 .cnt1 .area .txt .top .left p.p2 .uline2{width:100%;}
	/* 22.03.15 추가 끝 */
	#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}
	/* 22.03.15 수정 시작 */
	#camS11 .cnt2 .area .tit h2 span{width:135px;height:10px;margin-left:-15px;bottom:0;}
	/* 22.03.15 수정 끝 */
	#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_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_cnt > div .tab_split2 .tab_btn2 li a{}
	#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:20px;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{width:254px}
	#footer2 .ft_btm .area .btm_left .ft_logo a .fl_img1{width:253px}
	#footer2 .ft_btm .area .btm_left .ft_logo a .fl_img2{width:80px}
	#footer2 .ft_btm .area .btm_left .ft_logo a .fl_img2 img{width:100%;height:auto;margin-top:8px}
	#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{-webkit-background-size:;-moz-background-size:;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}
	
	/* 22.03.15 추가 시작 */
	#offReqPu .close_btn{top:-20px;right:5px;}
	#offReqPu .close_btn img{width:15px;height:auto;}
	#offReqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#offReqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#offReqPu .box .ul_wrap > ul > li{height:38px}
	#offReqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#offReqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);}
	#offReqPu .box .ul_wrap > ul > li .ip_box, #offReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #offReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:7px}
	#offReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 55px)}
	#offReqPu .box .ul_wrap > ul > li.li_nb h4{width:96px}
	#offReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 106px)}
	#offReqPu .box .ul_wrap strong{font-size:12px;line-height:1.3;padding-top:5px;padding-bottom:15px}
	#offReqPu .box .agr_wrap .top h4{font-size:13px}
	#offReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px}
	#offReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px;}
	#offReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px;}
	#offReqPu .box .agr_wrap .btm{height:60px;margin-top:5px}
	#offReqPu .box .agr_wrap .btm p{font-size:12px;line-height:1.5}
	#offReqPu .box .apl_btn{font-size:15px;height:30px;margin-top:15px}
	#offReqIqPu .close_btn{top:-20px;right:5px;}
	#offReqIqPu .close_btn img{width:15px;height:auto;}
	#offReqIqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#offReqIqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#offReqIqPu .box .ul_wrap > ul > li{height:38px}
	#offReqIqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#offReqIqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);margin-top:7px}
	#offReqIqPu .box .inq_btn{font-size:15px;height:30px;margin-top:15px}
	#onReqPu .close_btn{top:-20px;right:5px;}
	#onReqPu .close_btn img{width:15px;height:auto;}
	#onReqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#onReqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#onReqPu .box .ul_wrap > ul > li{height:38px}
	#onReqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#onReqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);}
	#onReqPu .box .ul_wrap > ul > li .ip_box, #onReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #onReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:7px}
	#onReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 55px)}
	#onReqPu .box .ul_wrap > ul > li.li_nb h4{width:96px}
	#onReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 106px)}
	#onReqPu .box .ul_wrap strong{font-size:12px;line-height:1.3;padding-top:5px;padding-bottom:15px}
	#onReqPu .box .agr_wrap .top h4{font-size:13px}
	#onReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px}
	#onReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px;}
	#onReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px;}
	#onReqPu .box .agr_wrap .btm{height:60px;margin-top:5px}
	#onReqPu .box .agr_wrap .btm p{font-size:12px;line-height:1.5}
	#onReqPu .box .apl_btn{font-size:15px;height:30px;margin-top:15px}
	#onReqIqPu .close_btn{top:-20px;right:5px;}
	#onReqIqPu .close_btn img{width:15px;height:auto;}
	#onReqIqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#onReqIqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#onReqIqPu .box .ul_wrap > ul > li{height:38px}
	#onReqIqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#onReqIqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);margin-top:7px}
	#onReqIqPu .box .inq_btn{font-size:15px;height:30px;margin-top:15px}
	#camReqPu .close_btn{top:-20px;right:5px;}
	#camReqPu .close_btn img{width:15px;height:auto;}
	#camReqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#camReqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#camReqPu .box .ul_wrap > ul > li{height:38px}
	#camReqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#camReqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);}
	#camReqPu .box .ul_wrap > ul > li .ip_box, #camReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #camReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:7px}
	#camReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 55px)}
	#camReqPu .box .ul_wrap > ul > li.li_nb h4{width:96px}
	#camReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 106px)}
	#camReqPu .box .ul_wrap strong{font-size:12px;line-height:1.3;padding-top:5px;padding-bottom:15px}
	#camReqPu .box .agr_wrap .top h4{font-size:13px}
	#camReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px}
	#camReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px;}
	#camReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px;}
	#camReqPu .box .agr_wrap .btm{height:60px;margin-top:5px}
	#camReqPu .box .agr_wrap .btm p{font-size:12px;line-height:1.5}
	#camReqPu .box .apl_btn{font-size:15px;height:30px;margin-top:15px}
	#camReqIqPu .close_btn{top:-20px;right:5px;}
	#camReqIqPu .close_btn img{width:15px;height:auto;}
	#camReqIqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#camReqIqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px}
	#camReqIqPu .box .ul_wrap > ul > li{height:38px}
	#camReqIqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px}
	#camReqIqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);margin-top:7px}
	#camReqIqPu .box .inq_btn{font-size:15px;height:30px;margin-top:15px}
	/* 22.03.15 추가 끝 */

	#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:calc(100% - 141px)}
	#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 .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 끝 */