@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');

/* 초기화 */
*{letter-spacing:normal;word-spacing:normal;word-break:normal;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
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,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
html,body{width:100%}
html{overflow-y:scroll}
body{font-family:'Titillium Web','Noto Sans KR','Malgun Gothic',dotum,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#555;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{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}
input,button,textarea,select{margin:0;padding:0;font:inherit}
input,button{line-height:1}
button{cursor:pointer}
p{margin:0;padding:0;word-break:break-all}
hr{display:none}
hr:after{display:block;visibility:hidden;clear:both;content:''}
pre{overflow-x:scroll}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:500}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,select{text-transform:none}
h1,h2,h3,h4,h5,h6{font-size:1em}

button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{/*padding:.35em .75em .625em*/}
legend{display:table;max-width:100%;padding:0;color:inherit;white-space:normal;/* 3 */box-sizing:border-box}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0;box-sizing:border-box}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
.hidden{display:none !important}
.show{display:block !important}
a{color:#4e4e4e;text-decoration:none;vertical-align:baseline;transition:all .35s ease;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
a:link,a:visited{text-decoration:none}
a:hover,a:focus,a:active{color:#000;text-decoration:underline}
::selection{background-color:#ffff00;color:#000}
::-moz-selection{background-color:#ffff00;color:#000}
:focus {outline:none}
img::selection{background:transparent}
img::-moz-selection{background:transparent}
select::selection{background-color:transparent}
i{font:inherit}
em{font-style:normal}
caption{display:none}
/*
input, select, textarea, button {font:inherit;color:inherit;vertical-align:middle;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f6f8f9 inset !important;}
select::-ms-expand {display:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
*/

.clfix:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.clfix{display:block}
.clfix{zoom:1}
.fl{float:left}
.fr{float:right}

img{max-width:100%;height:auto}

input[type=text],input[type=password],textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #558ab7 !important;/*-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff*/}
.placeholdersjs{font-size:14px;color:#aaa}
input::-webkit-input-placeholder{font-size:14px;color:#aaa;opacity:1}
input::-moz-placeholder{font-size:14px;color:#aaa;opacity:1}
input:-ms-input-placeholder{font-size:14px;color:#aaa;opacity:1}
input::placeholder{font-size:14px;color:#aaa;opacity:1}
textarea::-webkit-input-placeholder{font-size:14px;color:#aaa;opacity:1}
textarea::-moz-placeholder{font-size:14px;color:#aaa;opacity:1}
textarea:-ms-input-placeholder{font-size:14px;color:#aaa;opacity:1}
textarea::placeholder{font-size:14px;color:#aaa;opacity:1}

/* 레이아웃 크기 지정 */
html{background-color:#fff}
body.zoom{-ms-transform-origin-x:50%;-ms-transform-origin-y:0%;-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0%;-moz-transform-origin-x:50%;-moz-transform-origin-y:0%;transform-origin-x:50%;transform-origin-y:0%}
body,#header,#container,#footer{max-width:1900px;width:100%;background-color:#fff}

.wrap{clear:both;max-width:1280px;width:100%;margin:0 auto}
.wrap:after{display:block;visibility:hidden;clear:both;content:''}

/* 팝업레이어 */
#hd_pop{position:relative;z-index:1000;height:0;margin:0 auto}
#hd_pop h2{overflow:hidden;position:absolute;font-size:0;line-height:0}
.hd_pops{position:absolute;background-color:#fff}
.hd_pops img{max-width:100%}
.hd_pops_con{}
.hd_pops_footer{position:relative;padding:0;background-color:#000;color:#fff;text-align:left}
.hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:''}
.hd_pops_footer button{padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background-color:#000;text-align:left}
.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0;background-color:#393939}

/* 상단 레이아웃 */
#header{}
#hd_h1{overflow:hidden;position:absolute;font-size:0;line-height:0}

#tnb{overflow:hidden;height:40px;background-color:#383c46}
#tnb ul{display:inline-block;float:right}
#tnb li{float:left;font-size:.813em}
#tnb a{display:block;padding:0 10px;line-height:40px;color:#fff}
#tnb a:focus,#tnb a:hover{}

#logo{position:relative;max-width:1280px;width:100%;height:80px;margin:0 auto}
#logo img{vertical-align:middle}
#logo a{display:inline-block;line-height:80px}
#logo a:hover{text-decoration:none}
#logo .logo{float:left}
#logo .hd_bner{float:right;display:inline-block;padding-left:20px}

/* gnb */
.gnbWrap{position:relative;width:100%;border:1px solid #ddd;border-width:1px 0}
#gnb{position:relative;max-width:1280px;width:100%;height:60px;margin:0 auto;padding-right:60px}
#gnb h2{overflow:hidden;position:absolute;font-size:0;line-height:0}
#gnb ul:after{display:block;visibility:hidden;clear:both;content:''}
#gnb .gnb_1dli{float:left;width:20%;border-right:1px solid #ddd}
#gnb .gnb_1dli:first-child{border-left:1px solid #ddd}
.gnb_1dli .bg{display:none}
a.gnb_1da{display:block;padding:0;font-size:18px;font-weight:700;color:#333;text-decoration:none;line-height:60px;text-align:center}
.gnb_2dul{display:none;position:absolute;z-index:20;top:60px}
.gnb_2dli{float:left}
.gnb_2da{display:block;padding:0 10px;font-size:15px;line-height:50px;color:#ccc;text-align:left;text-decoration:none}
a.gnb_2da:hover{font-weight:400;color:#fff}
.gnb_3dul{display:none}

.gnb_1dli_air .gnb_2da{}
.gnb_1dli_on .gnb_2da{}
.gnb_1da:focus,.gnb_1da:hover{color:#1a4ac8}
.gnb_2da:focus,.gnb_2da:hover{color:#fff}
.gnb_1dli_over .gnb_2dul{display:block}
.gnb_1dli_over2 .gnb_2dul{display:block}

#gnb .gnb_1dli5{display:none}
#gnb .gnb_1dli6{display:none}
#gnb .gnb_1dli7{display:none}
#gnb .gnb_1dli8{display:none}
#gnb .gnb_1dli9{display:none}
#gnb .gnb_1dli0 .gnb_2dul{left:0}
#gnb .gnb_1dli1 .gnb_2dul{left:23%}
#gnb .gnb_1dli2 .gnb_2dul{left:40%}
#gnb .gnb_1dli4 .gnb_2dul{right:50px}

#gnb_snb{display:none;position:absolute;z-index:10;top:60px;left:0;width:100%;height:50px;border-top:1px solid #ddd;background-color:rgba(0,0,0,.5)}

.gnb_op{display:none;border:none;width:0;height:0;text-indent:-99999px;overflow:hidden}
#allmnu{display:none}
#header #allmnu{display:block}
.allmnuView{display:none}

#gnb .sitemap{display:block;position:absolute;z-index:10;top:0;right:0;width:60px;height:60px;border-right:1px solid #ddd;background:url('../img/hd_sitemap.png') no-repeat center center}

/* 중간 레이아웃 */
#container{position:relative;z-index:4;min-height:100%;margin:0 auto;zoom:1}
#container_title{margin:0 auto;font-size:1.333em;font-weight:bold}
#container_title span{display:block;margin:0 auto 10px;line-height:30px}
#container #content{max-width:1280px;width:100%;margin:0 auto}

/* .latest_wr:after {display:block;visibility:hidden;clear:both;content:"&quot} */
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after{display:block;visibility:hidden;clear:both;content:''}

/* 하단 레이아웃 */
#footer{margin:0 auto;background-color:#111;text-align:center}
#footer h1{overflow:hidden;position:absolute;font-size:0;line-height:0}
#footer .ftWrap{background-color:#323033}
#ft_link a{display:inline-block;padding:15px 8px;font-size:0.875em;color:#ccc}
#ft_link br{display:none}
#ft_link strong{color:#fff}
#ft_copy{padding:1.5% 0 2%;font-size:.875em;color:#aaa;line-height:1.7em}
#ft_copy a{color:#aaa}
#ft_sns{padding-bottom:10px;text-align:center}
#ft_sns li{display:inline-block;padding:0 5px}
#top_btn{position:fixed;right:20px;bottom:20px;z-index:90;width:50px;height:50px;border:2px solid #333;background:rgba(255,255,255,0.5);line-height:46px;font-size:15px;color:#333;text-align:center}
#top_btn:hover{border-color:#3059c7;background-color:#3059c7;color:#fff}

/* 메인 */
#visualWrap{overflow:hidden;position:relative;max-width:1280px;width:100%;max-height:550px;margin:0 auto 20px;line-height:0}
#visual .visual{position:relative;z-index:1;width:100% !important}
#visualWrap .bx-wrapper{position:relative;width:100%;height:100%;text-align:center}
#visualWrap .bx-wrapper .bx-controls{display:inline-block}
#visualWrap .bx-wrapper .bx-controls-direction{position:absolute;top:45%;left:0;right:0;z-index:101;margin:0 auto}
#visualWrap .bx-wrapper .bx-controls-direction a{display:block;width:60px;height:60px;border-radius:100%;background-color:rgba(56,60,70,.5);text-indent:-9999px}
#visualWrap .bx-wrapper .bx-controls-direction a:hover{background-color:rgba(56,60,70,1)}
#visualWrap .bx-wrapper .bx-controls-direction a:focus{background-color:rgba(56,60,70,.5)}
#visualWrap .bx-wrapper .bx-controls-direction .bx-prev{position:absolute;top:45%;left:2%;z-index:999;background:url('../img/main/visual_btn_prev.png') rgba(56,60,70,.3) no-repeat center center}
#visualWrap .bx-wrapper .bx-controls-direction .bx-next{position:absolute;top:45%;right:2%;z-index:999;background:url('../img/main/visual_btn_next.png') rgba(56,60,70,.3) no-repeat center center}
#visualWrap .bx-wrapper .bx-pager{position:absolute;z-index:140;top:85%;right:0;left:0}
#visualWrap .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;padding-right:5px}
#visualWrap .bx-wrapper .bx-pager .bx-pager-link{overflow:hidden;display:block;width:40px;height:3px;background-color:rgba(255,255,255,.3);font-size:0;text-indent:-9999px}
#visualWrap .bx-wrapper .bx-pager .bx-pager-link.active{background-color:rgba(255,255,255,1)}

.main #sns{padding-bottom:30px;text-align:right}
.main #sns ul{display:inline-block}
.main #sns li{display:inline-block;padding-left:20px}
.main .more{display:block;position:absolute;z-index:100;top:0;right:0;padding:5px 10px;border-radius:20px;background-color:#cdcdcd;font-style:italic;font-size:13px;color:#fff}
.main .m1{position:relative;float:left;width:280px;margin:0 6% 6% 0}
.main .m1 .more2{display:inline-block;margin-top:10px;padding:5px;border:2px solid #c7cacf;font-size:12px;color:#fff}
.main .m1 ul{height:800px;padding:15% 0 0;background:url('../img/main/recruit_bg.gif') #e7e8ea repeat center center}
.main .m1 h2{display:block;height:40px;margin-bottom:40px;border-bottom:2px solid #383c46;font-size:1.375em;font-weight:600;color:#000;letter-spacing:-.05em}
.main .m1 h2 strong{font-weight:600;color:#2ba3e1}
.main .m1 h3{font-size:13px;font-weight:300;color:#fff;line-height:150%;text-align:center}
.main .m1_1{height:50%}
.main .m1_1 a{display:block;width:90%;margin:0 auto 20px;padding:10% 12%;font-size:1.846em;font-weight:700;color:#315ccd;text-decoration:none;line-height:130%;text-align:justify;text-align-last:center;text-justify:inter-ideograph;letter-spacing:-.2em}
	.main .m1_1 a.href_link{width:100%;padding: 10px 10%;font-size:18.5px !important;text-align:center;text-align-last:auto;letter-spacing:-.1em}
.main .m1_1 a br{display:block}
.main .m1_1 a span{letter-spacing: 10px;}
.chat-bubble{position:relative;border:10px solid #315ccd;}
.chat-bubble-arrow-border{position:absolute;bottom:-50px;left:50%;width:0;height:0;margin-left:-15px;border-width:20px;border-style:solid;border-color:#315ccd transparent transparent transparent;}
.chat-bubble-arrow{position:absolute;bottom:-30px;left:50%;width:0;height:0;margin-left:-10px;border-width:15px;border-style:solid;border-color:#EDEDED transparent transparent transparent}
.main .m1_1 p{padding-top:10px;font-size:1.063em;color:#4e4e4e;letter-spacing:-.03em;text-align:center;line-height:130%}
.main .m1_1 p strong{display:block;padding-bottom:10px;font-weight:600;font-size:1.5em;color:#315ccd}
.main .m1_2{width:90%;height:22%;margin:0 auto 10%;padding:20% 0 0 50%;background:url('../img/main/recruit2_bg.png') #576070 no-repeat left top;text-align:center}
.main .m1_3{width:90%;height:22%;margin:0 auto;padding:20% 0 0 50%;background:url('../img/main/recruit3_bg.png') #576070 no-repeat left top;text-align:center}

.main .m2{position:relative;float:left;width:calc(94% - 280px)}
.main .m2_1 h2{display:block;height:40px;margin-bottom:30px;border-bottom:2px solid #383c46;font-size:1.375em;font-weight:600;color:#000;letter-spacing:-.05em}
.main .m2_1 h2 strong{font-weight:600;color:#ae4bcd}
.main .m2_2 h3{display:block;height:40px;margin-bottom:30px;border-bottom:2px solid #383c46;font-size:1.375em;font-weight:600;color:#000;letter-spacing:-.05em}
.main .m2_2 h3 strong{font-weight:600;color:#26cec5}

.main .m2_1{position:relative;float:left;width:calc(91% - 280px);height:840px}
.main #move{position:relative;height:62%}
.main #move .move_con{position:relative;height:calc(100% - 115px);background:url('../img/main/move_bg.jpg') #9ea4a6 no-repeat center bottom;background-size:100% auto}
.main #move .move_con a{display:block;width:100%;height:100%;background:url('../img/main/move_play.png') no-repeat center center}
.main #move .move_con img{position:absolute;left:0;bottom:0}
.main #notice{position:relative;width:100%}
.main #notice .tabs{width:100%;height:46px;border-bottom:1px solid #dfdfdf}
.main #notice .tabs li{float:left}
.main #notice .tab{display:block;position:relative;z-index:2;width:120px;margin:-1px 0 0 -1px;border:1px solid #ddd;background-color:#f6f6f6;text-decoration:none;line-height:45px;letter-spacing:-.03em}
.main #notice .on .tab{border-top:3px solid #ae4bcd;border-bottom:1px solid #fff;background-color:#fff;color:#ae4bcd}
.main #notice h3 a{font-size:1.125em;font-weight:400;color:#555;text-align:center}
.main #notice h3 a em{font-weight:400;color:#555}
.main #notice .on h3 a{color:#333}
.main #notice .notice_con{display:none;position:absolute;left:0;z-index:1;width:100%;height:240px;padding:20px 20px;border:1px solid #ddd;border-width:0 1px 1px}
.main #notice .on .notice_con{display:block}
.main #notice .notice_con .lat .lt_more{top:-35px}
.main #notice .notice_con .pic_lt .lt_more{top:-35px}
.main .m2_2{position:relative;float:left;width:280px;height:880px;margin-left:9%}
.main #overview{position:relative;height:40%}
.main #overview .overview_con{position:relative;height:calc(100% - 80px);background:url('../img/main/overview_bg.jpg') #c6c6c8 no-repeat center bottom;background-size:98% auto;text-align:center}
.main #overview .overview_wrap{position:absolute;left:0;right:0;top:0;bottom:0;width:60%;height:70%;margin:auto;background-color:rgba(12,49,132,.7)}
.main #overview .overview_wrap p{padding-top:15%;font-size:1.25em;font-weight:300;color:#fff;text-align:center;line-height:130%}
.main #overview .overview_wrap .overview_p2{padding-top:0;font-size:3em;font-weight:400;line-height:130%;transform:rotate(90deg);}
.main #overview .overview_wrap .overview_p3{padding-top:0;font-size:1em;line-height:100%}
.main #news{position:relative;height:30%;padding-top:35px}
.main #news .more{top:35px}
.main #news p{height:calc(100% - 75px);padding-top:20%;background:url('../img/main/news_bg.jpg') #ccc no-repeat center bottom;background-size:130% auto;font-size:1.25em;font-weight:300;color:#fff;text-align:center;line-height:130%;letter-spacing:-.03em}
.main #branch{position:relative;height:30%;padding-top:35px}
.main #branch .more{top:35px}
.main #branch p{height:calc(100% - 75px);padding-top:20%;background:url('../img/main/branch_bg.jpg') no-repeat center center;background-size:100% auto;font-size:1.25em;font-weight:300;color:#fff;text-align:center;line-height:130%;letter-spacing:-.03em}

/* 서브 */
#svisual{height:300px;padding-top:110px;background-image:url(../img/sub/svisual1.jpg);background-color:#2ba3e1;background-repeat:no-repeat;background-position:center top;text-align:center;letter-spacing:-.03em}
#svisual h1{display:block;font-size:2.250em;font-weight:700;color:#fff}
#svisual p{display:block;margin-top:20px;color:#fff;text-shadow:-2px -2px 4px #2ba3e1, -2px 2px 4px #2ba3e1, 2px -2px 4px #2ba3e1, 2px 2px 4px #2ba3e1}
#svisual.svisual20{background-image:url(../img/sub/svisual2.jpg)}
#svisual.svisual30{background-image:url(../img/sub/svisual3.jpg)}
#svisual.svisual40{background-image:url(../img/sub/svisual4.jpg)}

.location_wrap{background-color:#383c46}
.location_wrap .wrap{position:relative}
#location{float:left;border-left:1px solid rgba(255,255,255,.2)}
#location li{float:left;height:50px;font-size:15px}
#location li a{display:block;color:#fff;line-height:50px}
#location li a:hover{text-decoration:none}
#location .path li{min-width:180px;border-right:1px solid rgba(255,255,255,.1)}
#location .path_dp1 a{padding:0 40px 0 20px;background-image:url(../img/sub/arr_down.gif);background-repeat:no-repeat;background-position:right center}
#location .path li.home{min-width:50px;text-align:center}
#location .path li.home a img{vertical-align:baseline}
#location .path li.home,#location .path li.home a{padding:0;background:none}
#location .path .path_dp1{position:relative}
#location .path .path_dp2_list{display:none;position:absolute;top:100%;left:-1px;margin-top:1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10}
#location .path .path_dp2_list li{width:100%;height:auto;padding-right:0}
#location .path .path_dp2_list li a{display:block;height:auto;padding:10px 20px;background:none;font-size:14px;color:#000;line-height:1}
#location .path .path_dp2_list li.active,#location .path .path_dp2_list li:hover{background-color:#f4f4f4}

#container #print{position:absolute;right:0;top:0}
#container #print .print{overflow:hidden;display:inline-block;width:50px;height:50px;margin-left:-6px;border:1px solid rgba(255,255,255,.2);border-width:0 1px;background-image:url(../img/sub/ico_print.png);background-repeat:no-repeat;background-position:center center;text-indent:-99999px;}
#container #print .print:hover{background-color:#000}

/* 게시물 선택복사 선택이동 */
#copymove{}
#copymove .win_desc{display:block;text-align:center}
#copymove .tbl_wrap{margin:20px}
#copymove .win_btn{padding:0 20px 20px}
.copymove_current{float:right;padding:5px;border-radius:3px;background-color:#ff3061;color:#fff}
.copymove_currentbg{background-color:#f4f4f4}

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

/* 본문 바로가기 */
#skip_to_container a{overflow:hidden;position:absolute;top:0;left:0;z-index:100000;width:1px;height:1px;font-size:0;line-height:0}
#skip_to_container a:focus,#skip_to_container a:active{width:100%;height:75px;background-color:#21272e;font-size:2em;font-weight:bold;line-height:3.3em;color:#fff;text-align:center;text-decoration:none}

/* ie6 이미지 너비 지정 */
.img_fix{width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha{display:inline-block;position:relative}
#captcha legend{overflow:hidden;position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em}
#captcha #captcha_img{height:40px;margin:0;padding:0;border:1px solid #898989;vertical-align:top}
#captcha #captcha_mp3{overflow:hidden;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;background:url(../../../img/captcha2.png) no-repeat;text-indent:-999px;vertical-align:middle;cursor:pointer}
#captcha #captcha_reload{overflow:hidden;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;background:url(../../../img/captcha2.png) no-repeat 0 -40px;text-indent:-999px;vertical-align:middle;cursor:pointer}
#captcha #captcha_key{width:90px;height:40px;margin:0 0 0 3px;padding:0 5px;border:1px solid #ccc;border-radius:3px;background-color:#fff;font-size:1.333em;font-weight:bold;text-align:center;vertical-align:top}
#captcha #captcha_info{display:block;margin:5px 0 0;font-size:.95em;letter-spacing:-.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio{display:block;width:187px;margin:0 0 5px}
#captcha.m_captcha #captcha_img{display:block;width:160px;height:60px;margin-bottom:3px;margin-top:5px;border:1px solid #e9e9e9}
#captcha.m_captcha #captcha_reload{overflow:hidden;position:static;width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;background:url(../../../img/captcha2.png) no-repeat 0 -40px;text-indent:-999px;vertical-align:middle;cursor:pointer}
#captcha.m_captcha #captcha_reload span{display:none}
#captcha.m_captcha #captcha_key{width:115px;height:29px;margin:0;margin-left:3px;padding:0 5px;border:1px solid #b8c9c2;background-color:#f7f7f7;font-size:1.333em;font-weight:bold;line-height:29px;text-align:center}
#captcha.m_captcha #captcha_info{display:block;margin:5px 0 0;font-size:.95em;letter-spacing:-.1em}
#captcha.m_captcha #captcha_mp3{overflow:hidden;width:31px;height:31px;border:none;background:url(../../../img/captcha2.png) no-repeat 0 0;text-indent:-9999px;vertical-align:top;cursor:pointer}

/* ckeditor 단축키 */
.cke_sc{margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;height:23px;padding:0 10px;border:1px solid #ccc;background-color:#fafafa;line-height:1.9em;color:#000;text-decoration:none;vertical-align:middle;cursor:pointer}
.cke_sc_def{margin:0 0 5px;padding:10px;border:1px solid #ccc;background-color:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after{display:block;visibility:hidden;clear:both;content:''}
.cke_sc_def dt,.cke_sc_def dd{float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt{width:20%;font-weight:bold}
.cke_sc_def dd{width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px;list-style-type:disc}
#bo_v_con ol{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px;list-style-type:decimal}
#bo_v_con li{display:list-item}

/* 버튼 */
a.btn,.btn{height:35px;padding:0 10px;border:0;line-height:35px;font-weight:500;text-align:center;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}

a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background-color:#fafafa;color:#000;text-decoration:none;vertical-align:baseline}
a.btn01:focus,a.btn01:hover{text-decoration:none}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background-color:#fafafa;color:#000;text-decoration:none}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background-color:#4b545e;color:#fff;text-decoration:none;vertical-align:baseline}
a.btn02:focus,.btn02:hover{text-decoration:none}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background-color:#4b545e;color:#fff;text-decoration:none}

.btn_confirm{text-align:right}

/* 서식단계 진행 */
.btn_submit{border:0;border:0;background-color:#eb7311;color:#fff;cursor:pointer}
.btn_submit:hover{background-color:#f9a021}

a.btn_cancel{display:inline-block;background-color:#969696;color:#fff;text-decoration:none;vertical-align:baseline}
button.btn_cancel{display:inline-block;background-color:#969696;color:#fff;text-decoration:none;vertical-align:baseline}
.btn_cancel:hover{background-color:#aaa}
a.btn_frmline,button.btn_frmline{display:inline-block;height:40px;padding:0 5px;border:0;border-radius:5px;background-color:#3c3c3c;color:#fff;text-decoration:none;vertical-align:baseline}

/* 우편번호검색버튼 등 */
a.btn_frmline{}
button.btn_frmline{font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01{display:inline-block;background-color:#888;color:#fff;text-decoration:none;vertical-align:baseline}
.btn_b01:hover,.btn_b01:hover{background-color:#aaa}
a.btn_b02,.btn_b02{display:inline-block;padding:0 10px;border:0;background-color:#eb7311;color:#fff;text-decoration:none;vertical-align:baseline}
a.btn_b02:hover,.btn_b02:hover{background-color:#f9a021}
a.btn_b03,.btn_b03{display:inline-block;border:1px solid #b9bdd3;background-color:#fff;color:#646982;text-decoration:none;vertical-align:baseline}
a.btn_b03:hover,.btn_b03:hover{background-color:#ebedf6}
a.btn_b04,.btn_b04{display:inline-block;border:1px solid #ccc;background-color:#fff;color:#707070;text-decoration:none;vertical-align:baseline}
a.btn_b04:hover,.btn_b04:hover{background-color:#f9f9f9;color:#333}
a.btn_admin,.btn_admin{display:inline-block;background-color:#d13f4a;color:#fff;text-decoration:none;vertical-align:baseline}

/* 관리자 전용 버튼 */
.btn_admin:hover,a.btn_admin:hover{background-color:#ff3746}

/* 컬러 */
.color_1{background-color:#169dd6}
.color_2{background-color:#14d53d}
.color_3{background-color:#3814ff}
.color_4{background-color:#7520c5}

/* 기본테이블 */
.tbl_wrap table{width:100%;border-collapse:collapse;border:1px solid #ccc;border-width:1px 0;border-spacing:0 5px}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01{margin:0 0 10px;border-top:3px solid #315ccd}
.tbl_head01 table{border-top:none}
.tbl_head01 caption{overflow:hidden;padding:0;font-size:0;line-height:0}
.tbl_head01 thead th{padding:1.5% 0;border-bottom:1px solid #ddd;background-color:#fafafa;font-weight:normal;text-align:center}
.tbl_head01 thead th input{vertical-align:baseline}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,.tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background-color:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td{height:60px;padding:10px 5px;border-top:1px solid #ecf0f1;background-color:#fff;line-height:1.4em;color:#666;word-break:break-all}
.tbl_head01 tbody tr:hover td{background-color:#fafafa}
.tbl_head01 a:hover{text-decoration:underline}

.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{overflow:hidden;padding:0;font-size:0;line-height:0}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background-color:#e5ecef;font-size:.95em;color:#383838;letter-spacing:-.1em;text-align:center}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,.tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background-color:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background-color:#fff}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background-color:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table{border-bottom:1px solid #d3d3d3}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head03 td:first-child{border-left:0}
.tbl_head03 a {}

/* 폼 테이블 */
.tbl_frm01{margin:0 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th{width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background-color:#f5f8f9;text-align:left}
.tbl_frm01 td{padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea,.frm_input{border:1px solid #a8a8a8;/*line-height:40px;;*/height:50px;background:none;color: #777; padding:0 10px}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height:40px}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea,.write_div textarea{width:100%;height:100px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}

/* 기본 리스트 */
.list_01 li{position:relative;margin:3px 0;padding:10px 15px;border:1px solid #dbdbdb;border-radius:3px;background-color:#fff;list-style:none}
.list_01 li:after{display:block;visibility:hidden;clear:both;content:''}
.list_01 li:hover{background-color:#f9f9f9}
.list_01 li.empty_li{padding:20px 0;color:#666;text-align:center}

/* 폼 리스트 */
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after{display:block;visibility:hidden;clear:both;content:''}
.form_01 li .right_input{float:right}
.form_01 textarea{width:100%;height:100px}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required,textarea.required{background-image:url(../img/require.png) !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board{width:80px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center}
.td_datetime{width:110px;text-align:center}
.td_group{width:80px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}

.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#ccc}
.txt_rdy{color:#8abc2a}

/* 새창 기본 스타일 */
.new_win{position:relative}
.new_win .tbl_wrap{margin:0 20px}
.new_win #win_title{height:50px;padding:10px 20px;background-color:#333;font-size:1.25em;line-height:30px;color:#fff}
.new_win #win_title .sv{font-size:.75em;line-height:1.2em}
.new_win .win_ul{border-right:1px solid #dfe6e7}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:''}
.new_win .win_ul li{float:left;width:33.333%;margin-left:-1px;border:1px solid #ccc;background-color:#fff;text-align:center}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{position:relative;z-index:5;border-color:#253dbe;background-color:#fff}
.new_win .win_ul .selected a{font-weight:bold;color:#253dbe}
.new_win .win_desc{margin:5px 0;font-size:.92em;color:#3598db}
.new_win .frm_info{font-size:.92em;color:#3598db}
.new_win .win_total{margin:10px 0;text-align:right}
.new_win .win_total span{display:inline-block;padding:0 10px;border-radius:5px;background-color:#d4d4d4;line-height:30px;font-size:.92em;color:#4e546f}
.new_win .new_win_con{margin:20px}
.new_win .new_win_con:after{display:block;visibility:hidden;clear:both;content:''}
.new_win .btn_confirm:after{display:block;visibility:hidden;clear:both;content:''}
.new_win .win_btn{text-align:right}
.new_win .btn_close{overflow:hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:url(../img/close_btn.gif) no-repeat 50% 50%;text-indent:-999px;cursor:pointer}
.new_win .btn_submit{float:right;height:40px;padding:0 20px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word{color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check{width:500px;margin:100px auto}
#validation_check h1{margin-bottom:20px;font-size:1.3em}
#validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background-color:#fff}

/* 사이드뷰 */
.sv_wrap{position:relative;font-weight:normal}
.sv_wrap .sv{display:none;z-index:1000;margin:5px 0 0;background-color:#333;font-size:.92em;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2)}
.sv_wrap .sv:before{position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px;border-color:transparent transparent #333;content:''}
.sv_wrap .sv a{display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover{background-color:#000;color:#fff}
.sv_member{color:#333}
.sv_on{display:block !important;position:absolute;top:23px;left:0;width:auto;height:auto}
.sv_nojs .sv{display:block}

/* 페이징 */
.pg_wrap{clear:both;margin:30px 0;text-align:center}
.pg_wrap:after{display:block;visibility:hidden;clear:both;content:''}
.pg{}
.pg_page,.pg_current{display:inline-block;border:1px solid #bbbcc3;background-color:#f3f3f3;vertical-align:middle}
.pg a:focus,.pg a:hover{text-decoration:none}
.pg_page{min-width:28px;height:28px;padding:0 5px;border-radius:3px;font-size:1.083em;line-height:28px;color:#555;text-decoration:none}
.pg_page:hover{background-color:#ddd}
.pg_start{overflow:hidden;padding:0;border:1px solid #bbb;background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;text-indent:-999px}
.pg_prev{overflow:hidden;padding:0;border:1px solid #bbb;background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;text-indent:-999px}
.pg_end{overflow:hidden;padding:0;border:1px solid #bbb;background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;text-indent:-999px}
.pg_next{overflow:hidden;padding:0;border:1px solid #bbb;background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;text-indent:-999px}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current{display:inline-block;min-width:30px;height:30px;padding:0 10px;border-radius:3px;background-color:#4c4f6f;font-weight:bold;line-height:30px;color:#fff;-webkit-box-shadow:inset 1px 1px 2px #222542;-moz-box-shadow:inset 1px 1px 2px #222542;box-shadow:inset 1px 1px 2px #222542}

/* cheditor 이슈 */
.cheditor-popup-window *,.cheditor-popup-window :after,.cheditor-popup-window :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

/* Mobile화면으로 */
#device_change{display:block;margin:.3em;padding:.5em 0;border:1px solid #eee;border-radius:2em;background-color:#fff;font-size:2em;color:#000;text-align:center;text-decoration:none}


/* Ol/Ul/Dl */
#container #content .lst1{margin-top:1%;padding-left:40px;background:url("../img/common/lst1_line.gif") repeat-y left top}
#container #content .lst1 h3{position:relative;margin-top:2%;margin-bottom:3%;font-size:18px;font-weight:700;color:#1461ad;line-height:200%}
#container #content .lst1 h3:first-child{margin-top:-4%}
#container #content .lst1 h3:before{display:block;position:absolute;top:31%;left:-40px;width:17px;height:17px;background:url("../img/common/lst1_dot2.png") no-repeat left top;content:""}
#container #content .lst1 h3:first-child:before{background:url("../img/common/lst1_dot1.png") no-repeat left top}
#container #content .lst1 li{padding:0px 0px 10px 10px;text-align:left;background:url("../img/common/lst1_dot1.gif") no-repeat left 9px;line-height:160%}

#container #content .dotlst1 li{padding:0px 0px 5px 12px;text-align:left;background:url("../img/common/dotlst_dot1.png") no-repeat left 12px;line-height:160%}
#container #content .dotlst1 li li{padding:0px 0px 5px 12px;text-align:left;background:url("../img/common/dotlst_dot2.png") no-repeat left 13px;line-height:160%}

#container #content .lst_num1{display:block;counter-reset:lst_num1}
#container #content .lst_num1 li{position:relative;margin-bottom:10px;padding-left:35px;line-height:150%}
#container #content .lst_num1 li:before{display:block;position:absolute;top:1px;left:0;width:24px;height:24px;border-radius:100%;background-color:#315ccd;font-size:0.813em;font-weight:400;color:#fff;text-align:center;line-height:24px;counter-increment:lst_num1;content:counter(lst_num1)}

#container #content .dl_lst1{margin:0 0 20px;border-top:3px solid #727272}
#container #content .dl_lst1 dt{padding:3% 15px;border-bottom:1px solid #ddd;background-color:#f8f8f8;font-size:110%;font-weight:bold;color:#222;text-align:center}
#container #content .dl_lst1 dd{padding:2% 2.5%;border:1px solid #ddd;border-width:0 0 1px 0}

#container #content .tab1{margin:5% auto 2%}
#container #content .tab1 ul{margin-right:-3px}
#container #content .tab1:first-child{margin:0 auto 2%}
#container #content .tab1 li{position:relative;z-index:1;float:left;width:25%;height:50px;margin:-1px 0 0 -1px;border:solid 1px #d3d3d3;background:#f9fafc;box-sizing:border-box;line-height:0}
#container #content .tab1 li a{display:block;width:98%;padding:0 1%;font-size:17px;line-height:50px;text-align:center;vertical-align:middle;text-decoration:none}
#container #content .tab1 li a:before{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;content:'';background:transparent;}
#container #content .tab1 li.on,#container #content .tab1 li.on:hover{z-index:2;border:solid 2px #315ccd;background-color:#fff;}
#container #content .tab1 li:hover{z-index:2;border:1px solid #315ccd;background-color:#fff;}
#container #content .tab1 li.on a,#container #content .tab1 li a:hover,#container #content .tab1 li a:focus,#container #content .tab1 li:hover a{color:#315ccd}
#container #content .tab1 li.on a{font-weight:600;vertical-align:1px;}
#container #content .tab1.tab_10 li{width:10%}

#container #content .img_box{padding:3%;border:1px solid #ddd}

@media screen and (max-width:1300px){
	.main #content{padding-right:20px;padding-left:20px}
	#container #content{padding-right:20px;padding-left:20px}
}
@media screen and (max-width:1200px){
	.main .m1{width:280px;margin:0 5% 6% 0}
	.main .m2{width:calc(95% - 280px)}
	.main .m2_1{width:calc(93% - 280px)}
	.main .m2_2{margin-left:7%}
}
@media screen and (max-width:1100px){
	.main #notice .tab{width:85px}

	#svisual{height:250px;padding-top:90px;background-size:auto 100%}

}
@media screen and (max-width:1024px){/* 아이패드 가로 */
	.main .m1{clear:both;float:none;width:100%;height:auto;margin:0 0 3% 0}
	.main .m1:after{clear:both;display:block;content:""}
	.main .m1 ul{height:150px;padding:20px;background:#e7e8ea}
	.main .m1 li{float:left}
	.main .m1_1{width:50%;height:100%}
	.main .m1_1 h3{float:left;width:40%;margin-top:-40px}
	.main .m1_1 a{width:100%;padding:10%;font-size:1.5em;text-align:center;text-align-last:auto;letter-spacing:-.15em}
	
	.main .m1_1 a.href_link{width:100%;font-size:1.5em !important;text-align:center;text-align-last:auto;letter-spacing:-.1em}
	
	
	.main .m1_1 a span{display:inline-block;width:100%}
	.chat-bubble-arrow{border-color:#fff transparent transparent transparent}
	.main .m1_1 p{float:left;width:60%;padding:0 20px;font-size:1em;text-align:left;}
	.main .m1_2{width:24%;height:100%;margin:0;padding:2% 0 0 10%;background-size:auto 90%}
	.main .m1_3{width:24%;margin-left:2%;height:100%;padding:2% 0 0 10%;background-size:auto 90%}
	.main .m2{clear:both;float:none;width:100%;height:920px}
	.main .m2:after{clear:both;display:block;content:""}
	#top_btn{bottom:136px;width:44px;height:44px;line-height:42px}
}
@media screen and (max-width:1000px){/* 아이패드 992 */
	body,#header,#container,#footer{min-width:100%;width:100%}
	.wrap{clear:both;max-width:100%;width:100%;margin:0 auto}

	body{font-size:15px}
	#container.main{font-size:14px}


	#tnb{display:none}
	#logo{float:none;width:100%;height:80px;margin:0;padding-right:80px}
	#gnb{display:none}
	#gnb_snb{top:-500px}

	#allmnu,#allmnu2{display:block;position:absolute;top:17px;right:15px;z-index:10000;cursor:pointer;padding:17px 28px 19px 8px;border:2px solid #dfdfdf}
	#allmnu{top:-60px}
	#allmnu{z-index:1}
	#allmnu span,#allmnu2 span{cursor:pointer;height:3px;width:20px;background-color:#c9c9c9;position:absolute;display:block;content:'';transition:all 500ms ease-in-out}
	#allmnu span:before,#allmnu2 span:before{cursor:pointer;height:3px;width:20px;background-color:#c9c9c9;position:absolute;display:block;content:'';top:-7px;transition:all 500ms ease-in-out}
	#allmnu span:after,#allmnu2 span:after{cursor:pointer;height:3px;width:20px;background-color:#c9c9c9;position:absolute;display:block;content:'';bottom:-7px;transition:all 500ms ease-in-out}
	#allmnu.acik,#allmnu2.acik{position:fixed;right:15px;border:2px solid #333;background-color:#000}
	#allmnu.acik span,#allmnu2.acik span{background-color:transparent}
	#allmnu.acik span:before,#allmnu2.acik span:before{top:0px;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);bottom:0;background-color:#fff}
	#allmnu.acik span:after,#allmnu2.acik span:after{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);background-color:#fff}
	.allmnuView{overflow-x:hidden;overflow-y:auto;display:none;position:fixed;top:0;right:-100%;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;width:100%;height:100%;padding-top:115px;background:rgba(0,0,0,.95);z-index:999}
	.allmnuView.allmnuView-acik{display:block;right:0}
	.allmnuView{position:fixed;top:0;right:-250px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;width:250px;height:100%;background-color:#000;z-index:999;display:block;overflow:auto}
	.allmnuView h2{display:none}
	.allmnuView a{font-size:16px;text-decoration:none}
	.allmnuView ul{border-left:none;border-bottom:1px solid #333}
	.allmnuView ul li{display:block;float:none;width:100%;min-height:auto;margin:0;padding:0}
	.allmnuView ul li:after{display:none}
	.allmnuView ul li>a{display:block;padding:0 20px;border-top:1px solid #333;font-size:14px;line-height:40px;color:#999;text-align:left}
	.allmnuView ul li>a:hover{background-color:#333;border-top:1px solid #333;color:#fff}
	.allmnuView .gnb_1dli_air .gnb_1da,.allmnuView .gnb_1dli_on .gnb_1da{color:#fff}
	.allmnuView ul ul{display:none;position:relative;top:0;width:100%;border-bottom:none}
	.allmnuView ul ul li{display:block;width:100%;margin-right:0;border-left:1px solid #555}
	.allmnuView ul li li>a{display:block;padding:0 30px;background-color:#222;border-bottom:1px solid #333;font-size:13px;font-weight:300;line-height:35px;color:#999}
	.allmnuView ul ul ul{display:block;border-bottom:none}
	.allmnuView ul li li li>a{display:block;padding:0 30px 0 45px;border-top:1px solid #444;background-color:#333;line-height:30px}
	.allmnuView ul li li li>a:hover{background-color:#444}
	.allmnuView ul .sitemap{display:none}
	.allmnuView .gnb_1dli6{display:block}

	#ft_copy{padding:0 20px 20px;text-align:left}

	.main .m2_1{width:calc(95% - 280px)}
	.main .m2_2{margin-left:5%}

	#svisual{height:200px;padding-top:70px}

}
@media screen and (max-width:900px){
	.main .m1_1 a{font-size:1.25em}
	.main .m1_1 p br{display:none}

}
@media screen and (max-width:800px){/* g패드 */
	#fnb{float:none;padding-right:50px;text-align:center}
	#ft_link{padding:20px 0}
	#ft_link br{display:block}
	#ft_link a{padding:5px 8px}

	.main #notice .tab{width:80px}

	.main .m1{margin:0 0 5% 0}
	.main .m1_1 h3{float:none;width:95%}
	.main .m1_1 h3 a{padding:10px}
	.main .m1_1 h3 a br{display:none}
	.chat-bubble{position:relative;border:7px solid #315ccd;}
	.chat-bubble-arrow-border{position:absolute;bottom:-34px;left:50%;width:0;height:0;margin-left:-14px;border-width:14px;border-style:solid;border-color:#315ccd transparent transparent transparent;}
	.chat-bubble-arrow{position:absolute;bottom:-20px;left:50%;width:0;height:0;margin-left:-10px;border-width:10px;border-style:solid;border-color:#fff transparent transparent transparent}
	.main .m1_1 p{float:none;width:95%;padding:10px 10px 0}
	.main .m1_1 p strong{display:inline-block;padding-bottom:0;padding-right:10px}
	.main .m2{height:720px}
	.main .m2_1{height:720px}
	.main .m2_2{height:690px}
	.main .m2_1 h2{margin-bottom:20px}
	.main .m2_2 h3{margin-bottom:20px}
	.main #move{height:50%}
	.main #notice .notice_con{height:220px;padding:10px 20px}
	.main #overview .overview_con{height:calc(100% - 60px)}
	.main #news p{height:calc(100% - 60px);padding-top:20px;background-size:100% auto;}
	.main #branch p{height:calc(100% - 60px);padding-top:20px}

}
@media screen and (max-width:768px){/* 아이패드 */
	#logo{height:70px}
	#logo a{line-height:70px}
	#allmnu{top:-55px}

	.main #sns li{float:left;width:33.333%;display:inline-block;padding:0 20px}
	.main #notice .notice_con .lat .lt_more{display:none}

	#svisual{height:160px;padding-top:50px}
}
@media screen and (max-width:700px){
	#logo .hd_bner{display:none}
	.main .m1{margin:0 0 30px}
	.main .m1 ul{height:auto}
	.main .m1 ul:after{clear:both;display:block;content:""}
	.main .m1_1{float:none;width:100%;height:auto}
	.main .m1_1 h3{width:100%;margin-top:30px;font-size: 1.5em;}
	.main .m1_1 p{float:left;width:50%;padding:10px 0 30px;text-align:center}
	.main .m1_2,.main .m1_3{width:49%;height:100px;padding:2% 0 0 16%}
}
@media screen and (max-width:620px){
	body{font-size:14px}

	#footer .ft_copy{padding:20px 0;text-align:center}
	#footer .qr{display:none}
	#top_btn{bottom:20px}

	#visualWrap .bx-wrapper .bx-controls-direction{top:40%}
	#visualWrap .bx-wrapper .bx-controls-direction a{width:35px;height:35px;}

	.main #sns{padding:0 15px 30px}
	.main #sns li{padding:0 5px}
	.main .m1_1 p strong{display:block;padding-bottom:10px}
	.main .m2_1{width:48%}
	.main .m2_2{width:48%;margin-left:4%}

	#svisual{height:130px;padding-top:40px}

	#container #content #content_tit h2{padding-bottom:0 !important}
	#container #content #content_tit p{display:none}

	#container #content .sitemap .sitemap_tit{font-size:16px}

	#container #content .lst_num1 li{padding-left:30px}
	#container #content .lst_num1 li:before{width:20px;height:20px;line-height:20px}
}
@media screen and (max-width:550px){
	#footer .ft_copy{padding:20px}

	#logo .hd_bner img{height:30px}

	.main .m2{height:auto}
	.main .m2_1{width:100%;height:auto}
	.main .m2_2{width:100%;height:auto;margin-left:0}
	.main #move,.main #notice,.main #overview{margin-bottom:30px}
	.main #branch{margin-bottom:20px}
	.main #move .move_con{height:300px}
	.main #notice{height:330px}
	.main #notice .notice_con .lat .lt_more{display:block}
	.main #overview .overview_con{height:250px;background-size:auto 100%}
	.main #overview .overview_wrap{height:80%}
	.main #news p{height:200px;padding-top:10%;;background-size:100% auto }
	.main #branch p{height:200px;padding-top:10%;;background-size:100% auto }

	#location .path li{min-width:130px}

	#svisual{height:120px;padding-top:30px}
	#svisual h1{font-size:2em}

	#container #content .sitemap .sitemap_tit{padding:15px 10px;font-size:15px;letter-spacing:-.05em}
}
@media screen and (max-width:480px){
	body{font-size:13px}

	#logo{padding-right:60px}
	#logo .logo img{height:40px}
	#logo .hd_bner img{height:25px}

	#ft_link{display:block;padding:5px 15px}
	#ft_link a{padding:5px 2px}
	#ft_link a:last-child{display:none}
	#footer .ft_copy{font-size:13px;letter-spacing:-.05em}

	#visualWrap .bx-wrapper .bx-controls-direction{display:none}

	.main #sns{padding:0 0 20px}
	.main #sns li{width:50%;padding:5px 20px}
	.main .m1_1 p{float:none;width:100%;padding:10px 0 0}
	.main .m1_1 p+p{padding:10px 0 20px}
	.main .m1_1 p strong{padding-bottom:5px}

	#svisual{height:110px;padding-top:40px}
	#svisual h1{font-size:1.75em}
	#svisual p{margin-top:10px}

	#location li a{display:block;line-height:40px}
	#location .path li{float:left;width:145px;height:40px}
	#location .path li.home{display:none}
	#location .path_dp1 a{display:block;height:40px;padding:0 30px 0 10px;background-position:120px center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
	#location .path li li{max-width:160px}
	#location .path .path_dp2_list{min-width:160px}

	#container #content #content_tit{padding:30px 0}
	#container #content #content_tit h2{font-size:24px}

	.pg_page{min-width:20px;height:22px;padding:0;font-size:1em;line-height:22px}
	.pg_current{min-width:20px;height:22px;padding:0;line-height:22px}

}
@media screen and (max-width:414px){/* 아이폰+ */
	#logo{height:60px}
	#logo a{line-height:60px}
	#allmnu{top:-50px}

	#footer .ft_copy{padding-top:5px;font-size:11px;letter-spacing:0;line-height:13px}

	.main #move .move_con{height:270px}
	.main #notice{height:290px}
	.main #notice .notice_con{height:190px}
	.main #overview .overview_con{height:230px}
	.main #branch p{height:180px}

	.main #notice .tabs{height:40px}
	.main #notice .tab{width:80px;line-height:39px}
	.main #notice .on h3 a{font-size:1em}
	.main #notice .lat li{line-height:25px}

	#svisual{height:90px;padding-top:40px}
	#svisual p{display:none}

}
@media screen and (max-width:375px){/* 아이폰 */
	#logo .logo img{height:35px}
	.pg_page{min-width:17px;height:20px;font-size:11px;line-height:20px}
	.pg_current{min-width:17px;height:20px;line-height:20px}
}

@media screen and (max-width:360px){/* 안드로이드 */
	#svisual h1{font-size:24px}
	#location .path li{width:130px}
	#location .path_dp1 a{background-position:105px center}
}
@media screen and (max-width:350px){/* 그외 갤럭시2, 아이폰3 */
	body{font-size:12px}

	#logo .logo img{height:35px}
	#logo .hd_bner img{height:20px}

	#footer .ft_copy{font-size:12px}
	.main #notice .notice_con .lat .lt_more{display:none}
}
/* 게시판 */
@media screen and (max-width:620px){
	.bo_sch select,.bo_sch .sch_input,.bo_sch .sch_btn{height:40px}
	.bo_sch .sch_btn{width:40px}
	#bo_cate a{line-height:40px}
}
@media screen and (max-width:414px){/* 아이폰+ */
	.bo_sch #sfl{width:30%}
	.bo_sch select,.bo_sch .sch_input,.bo_sch .sch_btn{height:36px}
	.bo_sch .sch_btn{width:36px}
	#bo_sch .sch_input{width:calc(100% - 160px)}
	#bo_cate ul{text-align:left}
	#bo_cate li{min-width:33.333%}
	#bo_cate a{line-height:36px}
	a.btn,.btn{height:36px;padding:0 10px;line-height:36px}
}
@media screen and (max-width:360px){/* 안드로이드 */
	.bo_sch{margin-bottom:20px}
	.bo_sch select,.bo_sch .sch_input,.bo_sch .sch_btn{height:32px}
	.bo_sch .sch_btn{width:32px}
	#bo_cate a{line-height:32px}
	a.btn,.btn{height:32px;padding:0 7px;line-height:32px}
	a.btn_admin i,.btn_admin i{display:none}
	.main #news p{background-size:auto 100%}
}