@charset "UTF-8";
/* CSS Document */



/*****************************************************************************************************************************************
	본고딕 폰트 사용법 : font-weight: 400; - DemiLight / font-weight: 600; - Regular / font-weight: 800; - Bold
*****************************************************************************************************************************************/

/* * Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src: url(../../fonts/NotoSansKR-Thin.woff2) format('woff2'), 
		url(../../fonts/NotoSansKR-Thin.woff) format('woff'), 
		url(../../fonts/NotoSansKR-Thin.otf) format('opentype'); } 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 300; 
	src: url(../../fonts/NotoSansKR-Light.woff2) format('woff2'), 
		url(../../fonts/NotoSansKR-Light.woff) format('woff'), 
		url(../../fonts/NotoSansKR-Light.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(../../fonts/NotoSansKR-Regular.woff2) format('woff2'), 
		url(../../fonts/NotoSansKR-Regular.woff) format('woff'), 
		url(../../fonts/NotoSansKR-Regular.otf) format('opentype'); 
}

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src: url(../../fonts/NotoSansKR-Medium.woff2) format('woff2'), 
		url(../../fonts/NotoSansKR-Medium.woff) format('woff'), 
		url(../../fonts/NotoSansKR-Medium.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(../../fonts/NotoSansKR-Bold.woff2) format('woff2'), 
		url(../../fonts/NotoSansKR-Bold.woff) format('woff'), 
		url(../../fonts/NotoSansKR-Bold.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 900; 
	src: url(../../fonts/NotoSansKR-Black.woff2) format('woff2'), 
		url(../../fonts/NotoSansKR-Black.woff) format('woff'), 
		url(../../fonts/NotoSansKR-Black.otf) format('opentype'); 
}

/*****************************************************************************************************************************************
	폰트사이즈 정의 - rem : 최상위 폰트정의 값에 상속 (사파리5+, 크롬, 파이어폭스 3.6+, 익스플로러9+) / em, % : 설정한 부모 폰트 사이즈에 상속
	8px == 0.8rem, 0.8em, 80%
	9px == 0.9rem, 0.9em, 90%
	10px == 1rem, 1em, 100% : 기본 사이즈 설정 값
	11px == 1.1rem, 1.1em, 110%
	12px == 1.2rem, 1.2em, 120%
	13px == 1.3rem, 1.3em, 130%
	14px == 1.4rem, 1.4em, 140%
	15px == 1.5rem, 1.5em, 150%
	16px == 1.6rem, 1.6em, 160%
	17px == 1.7rem, 1.7em, 170%
	18px == 1.8rem, 1.8em, 180%
*****************************************************************************************************************************************/


/* css reset */
html, body { height:100%; font-family:'Noto Sans KR', '맑은고딕', sans-serif;  font-weight:400; font-size:10px; color:#3c3c3c; line-height:1.2; letter-spacing:0.2px; -webkit-text-size-adjust: 100%;} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, hgroup, menu, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; -webkit-text-size-adjust: 100%;}
a:link, a:hover, a:visited { text-decoration:none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
/* .header {min-width: 1400px;} */
.conwrap { min-width: 1200px}
a[href^="tel"]{ color:inherit; text-decoration:none; }
li{ list-style: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
ol, ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
table { border-collapse:collapse; border-spacing:0;word-break:break-all;}
button { border:0; box-sizing:border-box}
label { position:relative; top:1px; cursor:pointer}
table label { margin-right:10px; }
input[readonly] { background:#f0f0f0 !important; }
textarea {font-family:'Noto Sans KR', san-serif; color:#787878; border:1px solid #ccc; padding:2%; width:96%; font-size:1.5rem; line-height:1.6;  }
input[type="text"], input[type="password"], input[type="number"], input[type="email"], select { font-family:'Noto Sans KR', san-serif; font-size:1.5rem; letter-spacing:-0.2px; padding:0 8px; height:34px; border: 1px solid #c8c8c8 !important; background: #fff }
input[type="checkbox"], input[type="radio"] { position: relative; top: 1px; font-size: 1.4rem}
input[type="text"] { vertical-align: bottom }
input[type="file"] { width: 400px; height: 34px;}
#maps { z-index:0 !important}


/* placeholder color 적용 */
::-webkit-input-placeholder { color:#969696 !important;}/* WebKit, Blink, Edge */
:-moz-placeholder { color:#969696 !important;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#969696 !important;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#969696 !important;}/* Internet Explorer 10-11 */

.itext, .textarea, .ifile {font-size: 1.2rem; font-family:'Noto Sans KR', san-serif; font-weight:400; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; border:1px solid #b5b5b5; padding:5px; display:inline-block} /* 익스 9부터 적용가능, 아이폰 둥근 모서리 설정빼기 */


/* 아래 정의된 값은 복수 클래스로 사용되나, 최대한 지양합니다. */

.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clear {clear:both !important;}
.block { display:block !important; }

.positionWrap {position:relative;}
.positionL {position:absolute;left:0;top:0;}
.positionR {position:absolute;right:0;top:0;}

/* 간격 (간격조절이 필요할 경우 class 추가) */
.space01 { width:100%; height:1px; clear:both;}
.space05 { width:100%; height:5px; clear:both;}
.space10 { width:100%; height:10px; clear:both;}
.space15 { width:100%; height:15px; clear:both;}
.space20 { width:100%; height:20px; clear:both;}
.space25 { width:100%; height:25px; clear:both;}
.space30 { width:100%; height:30px; clear:both;}
.space35 { width:100%; height:35px; clear:both;}
.space40 { width:100%; height:40px; clear:both;}
.space50 { width:100%; height:50px; clear:both;}
.space60 { width:100%; height:60px; clear:both;}
.space70 { width:100%; height:70px; clear:both;}
.space80 { width:100%; height:80px; clear:both;}
.space90 { width:100%; height:90px; clear:both;}
.space100 { width:100%; height:100px; clear:both;}
.space160 { width:100%; height:160px; clear:both;}
.space170 { width:100%; height:170px; clear:both;}



/* 가로사이즈 (테이블 col class로 사용 필요할 경우 class 추가) */ 
.width30 { width:30px !important;}
.width40 { width:40px !important;}
.width50 { width:50px !important;}
.width55 { width:55px !important;}
.width60 { width:60px !important;}
.width61 { width:61px !important;}
.width70 { width:70px !important;}
.width80 { width:80px !important;}
.width85 { width:85px !important;}
.width90 { width:90px !important;}
.width100 { width:100px !important;}
.width120 { width:120px !important;}
.width130 { width:130px !important;}
.width140 { width:140px !important;}
.width150 { width:150px !important;}
.width160 { width:160px !important;}
.width170 { width:170px !important;}
.width180 { width:180px !important;}
.width190 { width:190px !important;}
.width194 { width:194px !important;}
.width200 { width:200px !important;}
.width210 { width:210px !important;}
.width220 { width:220px !important;}
.width230 { width:230px !important;}
.width240 { width:240px !important;}
.width250 { width:250px !important;}
.width260 { width:260px !important;}
.width270 { width:270px !important;}
.width280 { width:280px !important;}
.width290 { width:290px !important;}
.width300 { width:300px !important;}
.width310 { width:310px !important;}
.width315 { width:315px !important;}
.width320 { width:320px !important;}
.width330 { width:330px !important;}
.width340 { width:340px !important;}
.width350 { width:350px !important;}
.width360 { width:360px !important;}
.width370 { width:370px !important;}
.width380 { width:380px !important;}
.width390 { width:390px !important;}
.width400 { width:400px !important;}
.width450 { width:450px !important;}
.width500 { width:500px !important;}
.width507 { width:507px !important;}
.width520 { width:520px !important;}
.width530 { width:530px !important;}
.width550 { width:550px !important;}
.width566 { width:566px !important;}
.width570 { width:570px !important;}
.width573 { width:573px !important;}
.width580 { width:580px !important;}
.width600 { width:600px !important;}
.width650 { width:650px !important;}
.width700 { width:700px !important;}
.width790 { width:790px !important;}
.width797 { width:797px !important;}
.width800 { width:800px !important;}
.width900 { width:900px !important;}
.width930 { width:930px !important;}
.width950 { width:950px !important;}
.width1000 { width:1000px !important;}
.widthauto { width:auto !important;}
.width5p { width:5% !important;}
.width10p { width:10% !important;}
.width15p { width:15% !important;}
.width20p { width:20% !important;}
.width25p { width:25% !important;}
.width30p { width:30% !important;}
.width35p { width:35% !important;}
.width38p { width:38% !important;}
.width40p { width:40% !important;}
.width45p { width:45% !important;}
.width48p { width:48% !important;}
.width49p { width:49% !important;}
.width50p { width:50% !important;}
.width55p { width:55% !important;}
.width60p { width:60% !important;}
.width65p { width:65% !important;}
.width70p { width:70% !important;}
.width75p { width:75% !important;}
.width80p { width:80% !important;}
.width85p { width:85% !important;}
.width90p { width:90% !important;}
.width95p { width:95% !important;}
.width98p { width:98% !important;}
.width100p { width:100% !important;}


/* height */
.height50 { height:50px !important;}
.height70 { height:70px !important;}
.height100 { height:100px !important;}
.height150 { height:150px !important;}
.height200 { height:200px !important;}
.height250 { height:250px !important;}
.height300 { height:300px !important;}
.height400 { height:400px !important;}
.height450 { height:450px !important;}
.height480 { height:480px !important;}
.height500 { height:500px !important;}
.height65p { height:65% !important;}


/* margin */
.mg0 { margin:0 !important; }
.mg0auto { margin:0 auto !important; }

.mr0 { margin-right:0 !important; }
.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; } 
.mr30 { margin-right:30px !important; } 
.mr40 { margin-right:40px !important; } 
.mr50 { margin-right:50px !important; } 

.ml0 { margin-left:0 !important; } 
.ml05 { margin-left:5px !important; } 
.ml10 { margin-left:10px !important; } 
.ml20 { margin-left:20px !important; } 
.ml30 { margin-left:30px !important; } 
.ml40 { margin-left:40px !important; } 
.ml50 { margin-left:50px !important; } 

.mt0 { margin-top:0 !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mb0 { margin-bottom:0 !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

/* padding */
.pd0 { padding:0 !important; }
.pd05 { padding:5px !important; }
.pd10 { padding:10px !important; }
.pd15 { padding:15px !important; }
.pd20 { padding:20px !important; }
.pd25 { padding:25px !important; }
.pd30 { padding:30px !important; }

.pr0 { padding-right:0 !important; }
.pr05 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr20 { padding-right:20px !important; } 
.pr30 { padding-right:30px !important; } 
.pr40 { padding-right:40px !important; } 
.pr50 { padding-right:50px !important; } 

.pl0 { padding-left:0 !important; } 
.pl05 { padding-left:5px !important; } 
.pl10 { padding-left:10px !important; } 
.pl20 { padding-left:20px !important; } 
.pl30 { padding-left:30px !important; } 
.pl40 { padding-left:40px !important; } 
.pl50 { padding-left:50px !important; } 

.pt0 { padding-top:0 !important; }
.pt05 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }

.pb0 { padding-bottom:0 !important; }
.pb05 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }


.overflow-hidden{overflow: hidden;}

/* font-size */
.fs13 { font-size:1.3rem !important; }
.fs14 { font-size:1.4rem !important; }
.fs15 { font-size:1.5rem !important; }
.fs16 { font-size:1.6rem !important; }
.fs17 { font-size:1.7rem !important; }
.fs18 { font-size:1.8rem !important; }
.fs19 { font-size:1.9rem !important; }
.fs20 { font-size:2rem !important; }

/* letter-spacing */
.letter_number { letter-spacing:0.3px !important; }
.letter_en { letter-spacing:0.6px !important; }


/* input */
.checkgroup label, .radiogroup label { margin-right: 5px; font-size: 1.4rem}
.checkbox {}
.radio { }
.k-checkbox-label { margin-right:10px;}

/* 셀렉트박스 */
select { height:36px; border:1px solid #c8c8c8 !important; color:#555; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../../images/dgtp/selectbg.png) no-repeat 92% 50% #fff; cursor:pointer; vertical-align: middle}
select::-ms-expand { display:none; }

/* color */
.color01 { color:#22a824 !important; } /* green */
.color02 { color:#005dba !important; } /* blue */
.color03 { color:#6a469c !important; } /* purple */
.color04 { color:#3c3c3c !important; } /* black */
.color05 { color:#ff3232 !important; } /* red */

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}





/*slide_banner_ui */
.slide_banner_ui .banner_wrap{position:relative; overflow:hidden; margin:0 auto;}
.slide_banner_ui .banner_wrap .banner_inner_wrap{position:relative; z-index:5;}
.slide_banner_ui .banner > a{display:inline-block; height:100%; width: 698px; text-align: center;}
.slide_banner_ui .arr_wrap .arr{z-index:8;}
.slide_banner_ui .btn_banner {text-align:center;}
.slide_banner_ui .indicator {position:relative; top:-70px; z-index:8; display:inline-block; text-align:center;}
.slide_banner_ui .playstop{position:relative; top:-72px; z-index:8;}
.slide_banner_ui .indicator:after {display:block;content:'';clear:both;}
.slide_banner_ui .indicator li {display:inline-block;margin:6px 0 0 20px;}
.slide_banner_ui .indicator li:first-child {margin-left:0;}
.slide_banner_ui .indicator li a {display:block;width:8px;height:8px;border-radius:50%; background-color:#fff; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s;}
.slide_banner_ui .indicator .active a {width:40px;height:8px;border-radius:10px;background-color:#1f4bb4;}
.slide_banner_ui .playstop a span{display:block;}
.slide_banner_ui .playstop a span em{width:20px;height:20px;background:url('/images/common/sp_playstop.png') no-repeat 0 0;}
.slide_banner_ui .playstop a span .txt_stop{background-position:0 0;}
.slide_banner_ui .playstop a span .txt_play{background-position:0 -30px;}
.slide_banner_ui .playstop a span.stop .txt_play{display:block;}
.slide_banner_ui .playstop a span.stop .txt_stop{display:none;}
.slide_banner_ui .playstop a span.play .txt_play{display:none;}
.slide_banner_ui .playstop a span.play .txt_stop{display:block;}

.visual-banner .arr {overflow:hidden;position:absolute;top:50%;z-index:10;width:30px;height:56px;margin-top:-28px;line-height:0;text-indent:-9999px;background:url('/images/common/sp_slide_arr.png') no-repeat 0 0}
.visual-banner .lft_arr {left:20px;background-position:0 0; transition:left .3s; -webkit-transition:left .4s; -moz-transition:left .4s; -ms-transition:left .4s;}
.visual-banner .lft_arr:hover,
.visual-banner .lft_arr:active {background-position:0 -66px;}
.visual-banner .lft_arr:hover{left:15px;}
.visual-banner .rgt_arr {right:20px;background-position:0 -132px; transition:right .4s; -webkit-transition:right .4s; -moz-transition:right .4s; -ms-transition:right .4s;}
.visual-banner .rgt_arr:hover,
.visual-banner .rgt_arr:active {background-position:0 -198px;}
.visual-banner .rgt_arr:hover{right:15px;}

.slide_banner_ui .indicator {display:inline-block; text-align:center;}
.slide_banner_ui .indicator:after {display:block;content:'';clear:both;}
.slide_banner_ui .indicator li {display:inline-block;margin:6px 0 0 20px;}
.slide_banner_ui .indicator li:first-child {margin-left:0;}
.slide_banner_ui .indicator li a {display:block;width:8px;height:8px;border-radius:50%; background-color:#fff; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s;}
.slide_banner_ui .indicator .active a {width:40px;height:8px;border-radius:10px;background-color:#1f4bb4;}
.slide_banner_ui .playstop {display:inline-block; margin-top:7px; margin-left:20px; vertical-align:top;}
.slide_banner_ui .playstop a span em{width:20px;height:20px;background:url('/images/common/sp_playstop.png') no-repeat 0 0;}
.slide_banner_ui .playstop a span .txt_stop{background-position:0 0;}
.slide_banner_ui .playstop a span .txt_play{background-position:0 -30px;}
.slide_banner_ui .playstop a span.stop .txt_play{display:block;}
.slide_banner_ui .playstop a span.stop .txt_stop{display:none;}
.slide_banner_ui .playstop a span.play .txt_play{display:none;}
.slide_banner_ui .playstop a span.play .txt_stop{display:block;}
.blind {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */


.main_top_banner{display:none; background: url(../../images/dgtp/popupzone_bg.png) no-repeat center center;}
.main_top_banner{position:relative; z-index:400; overflow:hidden; height:110px;}
.main_top_banner .close_wrap{position:absolute; top:10px; right:70px; z-index:6;}
.main_top_banner .close_wrap .top_banner-checkbox{float:left;}
.main_top_banner .close_wrap .top_banner-checkbox input{width:16px; height:16px; background-color:#fff; position: relative; top: 3px;}
.main_top_banner .close_wrap .top_banner-checkbox label{color:#68665d; font-size:14px;}
.main_top_banner .close_wrap .top_banner_close{position:relative; display:block; float:left; margin-top:5px; margin-left:10px; width:16px; height:16px;}
.main_top_banner .close_wrap .top_banner_close:before,
.main_top_banner .close_wrap .top_banner_close:after{content:''; position:absolute; top:8px; display:block; width:32px; height:1px; background-color:#68665d;}
.main_top_banner .close_wrap .top_banner_close:before{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.main_top_banner .close_wrap .top_banner_close:after{ transform:rotate(-45deg);	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.top-banner.slide_banner_ui {overflow:hidden;position:absolute;top:0;left:0;right:0; height:110px; box-sizing:border-box;}
.top-banner.slide_banner_ui .btn_banner{text-align:left;}
.top-banner.slide_banner_ui .banner_wrap{margin:0 auto; width:1400px; height:110px;}
.top-banner.slide_banner_ui .banner {width:1400px; height:110px;}
.top-banner.slide_banner_ui .banner li a { width: 648px; float: left;}
.top-banner.slide_banner_ui .banner li a img { text-align: center;}
.top-banner.slide_banner_ui .banner img{display:inline-block; margin:0 auto; /*width:1400px;*/}
.top-banner.slide_banner_ui .indicator{top:-106px; left:50%; margin-left:-705px;}
.top-banner.slide_banner_ui .playstop{top:-114px; left:50%; margin-left:3px;}
.top-banner.slide_banner_ui .indicator li{margin-left:8px;}
.top-banner.slide_banner_ui .indicator li a{width:6px; height:6px; background-color:#8f8f8f;}
.top-banner.slide_banner_ui .indicator .active a{width:30px; height:6px; background-color:#115aa3;}
.icon_mouse{position:fixed; left:0; right:0; bottom:55px; z-index: 11; text-align:center;}
.main .main_vi_banner{position:relative; overflow:hidden; height:550px;}
.main .main_vi_banner .slide_banner_ui .btn_banner{text-align:left;}
.main .main_vi_banner .slide_banner_ui {overflow:hidden;position:absolute;top:0;left:0;right:0; height:550px; box-sizing:border-box;background-color:#fff;}
.main .main_vi_banner .slide_banner_ui .banner_wrap{left:50%; margin-left:-960px; width:1920px; height:550px;}
.main .main_vi_banner .slide_banner_ui .banner {width:1920px; height:550px;}
.main .main_vi_banner .slide_banner_ui .indicator{top:-206px;/*  left:-527px;  */left:50%; margin-left:-590px; text-align:left;}
.main .main_vi_banner .slide_banner_ui .playstop{top:-207px; left:50%; margin-left:3px;}
.main .main_vi_banner .slide_banner_ui .indicator li{margin-left:8px;}
.main .main_vi_banner .slide_banner_ui .indicator li:first-child{margin-left:0;}
.main .main_vi_banner .slide_banner_ui .indicator li a{width:6px; height:6px; background-color:#ccc;}
.main .main_vi_banner .slide_banner_ui .indicator .active a{width:30px; height:6px; background-color:#1f4bb4;}
.slide_banner_ui .playstop a span em{background-image:url('../../images/dgtp/sp_playstop_gray.png');}

.slider .bx-wrapper .bx-pager{display: none;}
.slider .bx-controls{ width: 100%; position: absolute; top: 50%; z-index: 120;}
.slider .bx-controls-direction{max-width: 1400px; margin: 0 auto;}
.slider .bx-controls-direction .bx-next{float: left; margin-left:5px;}

.main_banner_left .bx-controls-direction .bx-next{  float: none; display: inline-block;}
.main_banner_left .bx-controls-direction .bx-prev{  float: none; display: inline-block;}


.bxslider img{width: 100%; display: block;/* max-height: 827px;*/ height: 100vh;}
.main_banner_warp #totalFrm{display: block;}
.main_banner_warp{position: absolute;top: 25%; color:#fff;z-index: 99; width: 100%;}
.main_banner_warp_warp{max-width: 1400px; margin: 0 auto; letter-spacing: -1px;position: relative;}
.main_banner_warp_warp p{font-size: 3rem; margin-bottom:15px;}
.main_banner_warp_warp p:last-child{font-weight: bold; margin-bottom:0}
.main_banner_warp_warp h2{font-size: 5rem; font-weight: bold; margin-bottom:5px;}
.main_banner_warp_warp .main_banner_right{    position: absolute; right: 0;top: -35px; width: 407px;}
.main_banner_warp_warp .main_banner_right .bx-viewport{box-shadow: 0px 0px 7px #000000;}
.main_banner_warp_warp .main_banner_right .bx-viewport img{width: 100%; display: block;}
.main_banner_warp_warp .main_banner_right .bx-controls-direction .bx-prev{background:url(../../images/dgtp/popup_arrow_left.png) no-repeat left center ;}
.main_banner_warp_warp .main_banner_right .bx-controls-direction .bx-next{background:url(../../images/dgtp/popup_arrow_right.png) no-repeat right center ;}

.main_banner_warp_warp .main_banner_right .bx-pager-item{display: inline-block; }
.main_banner_warp_warp .main_banner_right .bx-pager-item a{display: inline-block; width: 15px; height: 15px; margin-right: 15px; border:2px solid #fff; border-radius: 15px;text-indent: -9999px; position: relative;}
.main_banner_warp_warp .main_banner_right .bx-pager-item:last-child a{margin-right: 0;}
.main_banner_warp_warp .main_banner_right .bx-pager-item a.active{background: #fff;}
.main_banner_warp_warp .main_banner_right .bx-pager{text-align: center;}
.main_banner_warp_warp .main_banner_right .bx-pager{text-align: center; position: relative; top: 15px;}

.scroll_down{ position: absolute; bottom: 10PX; width: 100%; text-align: center; z-index: 9999;}
@media(max-width:799px){
	.bxslider img{height: 100%; width: auto; left: -100%;}
	.slider .bx-controls{display: none;}
	.main_banner_warp_warp .main_banner_right{position: relative; top: 50px; width: 100%;}
	.main_banner_warp_warp .main_banner_right .banner_popup{width: 407px; margin: 0 auto;}
	.scroll_down{ display: none; }
}


/* 화면낭독기 사용자용 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


.background_name{position: absolute; right: 20px; bottom: 20px; z-index: 100; color: #fff; font-weight: bold; font-size: 1.4rem;}