.inBox{width: 1100px; margin:0 auto;}

/* HEADER */

#header {box-shadow: 0 1px 10px #ddd;height: 80px;position: relative;}
#header .inside {width:1100px;height:80px; margin: 0 auto;}
#header .inside:after{display: block;clear: both;content: "";}
#header .inside h1 {padding-top: 17px;float: left;}
#header .inside nav {margin-left: 85px;padding-top: 15px;width: 717px; float: left;}
#header .inside nav ul {}
#header .inside nav > ul > li {float:left; width: 25%;text-align: center; position: relative;}
#header .inside nav > ul > li > a {display: block;padding: 16px 0 30px;font-size: 16px;color: #000;font-weight: bold;text-align: left; font-family: 'Arial','Dotum';}
#header .inside .tobMenu {width: 130px;border-right: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;height:100%;float: right;}
#header .inside .tobMenu .lang { border-bottom: 1px solid #e0e0e0;}
#header .inside .tobMenu .lang select {border: 0; width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:29px}

#header .inside .tobMenu .log li {float: left;display: block;width: 50%;line-height: 50px;color: #1e1e1e; font-family: 'Roboto'; text-align: right; font-weight: 500; font-size: 14px;text-align: center;border-right: 1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#header .inside .tobMenu .log li.last{border: none;}

.depth2 {position: absolute; z-index: 99; display: none;}
#header .inside nav > ul > li:hover .depth2{display: block;}
.depth2 > ul:after{display: block;clear: both;content: "";}
.depth2 > ul > li{font-size: 13px; float: left; width: 195px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.depth2 > ul > li > a{display: block;color: #fff; font-family: 'Roboto'; background-color: #303030; padding: 17px 0 15px 17px;     text-align: left; border-left: 1px solid #424242; }
.depth2 > ul > li.contacus{width:229px;}
.depth2.dep1{width: 585px; top: 60px; }
.depth2.dep2{width: 400px; top: 60px;}
.depth2.dep3{width: 424px; top: 60px; }

.depth2.dep4{width: 390px; top: 60px; left: -78px; }

.depth3 {height:160px;padding: 10px 0;background-color: #f9f9f9; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.depth3 ul li a{display: block;padding: 7px 0 7px 17px;  text-align: left; font-family: 'Roboto';}

.depth2.dep3 .depth3{height: 213px;}
.depth2.dep4 .depth3{height: 100px; }



/* MAIN CONTAINER */

#container.main{}
#container.main .container_inner {}
#m_contents{padding: 48px 0 55px 0;}
#m_contents > .inner:after{display: block;clear: both;content: "";}

/* MAIN VISUAL */
#main_visual{position: relative; height: 537px;}
#main_visual > .inner{width: 2000px; position: absolute; left: 50%; margin-left: -1000px;}
#main_visual .lst_visual{}
#main_visual .lst_visual .detail_view{position: absolute; left: 451px; bottom: 200px;}
#main_visual .lst_visual .detail_view .btn_view{width: 182px; text-align: left; border: 1px solid #fff; color: #fff; padding: 10px 0; padding-left: 25px; font-size: 15px; background: url(../images/main/detail_arr.png) right 20px center no-repeat; transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;}
#main_visual .lst_visual .detail_view .btn_view:hover{background-color: #333; color: #fff;}

#main_visual .lst_visual .detail_view2{position: absolute; left: 1200px; bottom: 90px;} /* detail 2 //20220926 */
#main_visual .lst_visual .detail_view2 .btn_view{width: 265px; text-align: left; border: 1px solid #fff; color: #fff; padding: 10px 0; padding-left: 25px; font-size: 20px; font-weight: bold; background: url(../images/main/detail_arr.png) right 20px center no-repeat; transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;}
#main_visual .lst_visual .detail_view2 .btn_view:hover{background-color: #333; color: #fff;}

#main_visual .lst_visual .bx-controls{position: absolute;bottom: 0px;left: 50%;margin-left: -65px;z-index: 60;width: 130px;}
#main_visual .lst_visual  .bx-controls-direction{ position: relative;}
#main_visual .lst_visual  .bx-controls-direction .bx-prev {display: inline-block;text-indent: -9999px;width: 17px;height: 16px;background: url(/images/main/btn_prev.png) left center no-repeat;position: absolute;left: 0;}
#main_visual .lst_visual  .bx-controls-direction .bx-next{display: inline-block;text-indent: -9999px;width: 17px;height: 16px;background: url(/images/main/btn_next.png) left center no-repeat;position: absolute;right: 0;}
#main_visual .lst_visual  .bx-controls-auto .bx-start{display: none; }
#main_visual .lst_visual  .bx-controls-auto .bx-stop{display: inline-block;text-indent: -9999px;width: 10px;height: 12px;background: url(/images/main/btn_stop.png) left center no-repeat;position: absolute;left: 50%;top: 2px;margin-left: -5px;}

 #main_visual .lst_visual .bx-pager{text-align:center; width:100%; position:absolute; bottom:20px;z-index:999; }
#main_visual .lst_visual .bx-pager .bx-pager-item{display:inline; padding:0 3px;}
#main_visual .lst_visual .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:15px; height:15px; text-indent: -99999em;background:url(/eng/images/main/btn_off.png) left top no-repeat; }
#main_visual .lst_visual .bx-pager .bx-pager-item a.active {width:35px;background:url(/eng/images/main/btn_on.png) left top no-repeat;}


/* M_LEFT */
.m_lftBox{float: left;}
/* LOGIN */
.inputBox table td{padding:2px;}
.inputBox input{width: 244px;height: 34px; padding: 0 10px;border: 1px solid #cfcfcf; -webkit-border-radius: 5px;-moz-border-radius:5px ;border-radius:5px ; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.login{color: #000; width: 60px;height: 60px; border: 1px solid #ccc; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,e8e8e8+100 */
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */}
.lst_find{margin-top: 11px;}
.lst_find table tr td{margin-top: 2px;line-height: 30px;}
.lst_find button{line-height:1; height: 24px;border: 1px solid #999; font-size: 11px; color: #000; width: 71px;}
.lst_find button.join{margin:4px 10px 2px;color: #000;font-size: 13px; width: 60px;height: 54px;border: 1px solid #999;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,e8e8e8+100 */
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */}
.lst_find p{display: inline-block; color: #696969;font-size: 13px; margin-left: 10px;}

.m_movie{margin-top: 22px;}


/* M_CENTER */
.m_cenBox{width: 433px; float: left; margin-left: 35px;}
.m_cenBox .m_board { }

.m_cenBox .m_board .lst_tab{}
.m_cenBox .m_board .lst_tab ul{ height:37px; font-size:14px;}
.m_cenBox .m_board .lst_tab ul:after {content:''; display:block; clear:both;}
.m_cenBox .m_board .lst_tab ul li{float:left;width: 32.6%; margin-left: 1%;text-align: center; }
.m_cenBox .m_board .lst_tab ul li:first-child {margin-left: 0;}
.m_cenBox .m_board .lst_tab ul li a{display:block; padding:11px 0; color:#9f9e9e; font-size:13px; background-color:#fff;  line-height:13px; height:15px;  border-top: 3px solid #999;}
.m_cenBox .m_board .lst_tab ul li.on a{ padding:11px 0 10px; border-bottom:none; background:#000000; color:#fff; border-top: 0;}


.m_cenBox .m_board .tab_cont{  webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.m_cenBox .m_board .tab_cont .cont{display: none;}
.m_cenBox .m_board .tab_cont .cont.on{display: block;}
.m_cenBox .m_board .tab_cont .m_noti ul li{margin-top: 16px;}
.m_cenBox .m_board .tab_cont .m_noti ul li:first-child{margin-top: 21px;}
.m_cenBox .m_board .tab_cont .m_noti ul li:after {content:''; display:block; clear:both;}
.m_cenBox .m_board .tab_cont .m_noti ul li .img{float: left;}
.m_cenBox .m_board .tab_cont .m_noti ul li .arti{float: right; width: 335px; color: #282828;}
.m_cenBox .m_board .tab_cont .m_noti ul li .arti a{display: block;color: #282828;}
.m_cenBox .m_board .tab_cont .m_noti ul li .arti a span{display: block; color: #696969;}


/*M_RIGHT */
.m_rghBox{float: right;}
.m_forum{ border-top: 3px solid #414141; border-bottom: 1px solid #414141; padding:15px 38px 15px 80px ; background: url(../images/main/bg_forum.gif) 14px center no-repeat; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom: 16px;}
.m_forum dl {font-size: 13px;}
.m_forum dl dt{margin-bottom:3px; font-weight: 600;}
.m_forum dl dt a{color: #191919;	}
.m_forum dl dd{}
.m_forum dl dd a{color: #4f4f4f;}

.m_downtab{border: 1px solid #cecece; }
.m_downtab .lst_tab{}
.m_downtab .lst_tab ul{border-bottom:1px solid #e2e2e2; height:48px;  font-size:14px;}
.m_downtab .lst_tab ul:after {content:''; display:block; clear:both;}
.m_downtab .lst_tab ul li{float:left;width: 33.3%; text-align: center; }
.m_downtab .lst_tab ul li:first-child a{border-left: 0;}
.m_downtab .lst_tab ul li a{display:block; padding:11px 0; color:#868686; font-size:13px;  border-left:1px solid #e2e2e2; line-height:14px; height:28px; }
/* .m_downtab .lst_tab ul li.on a{ padding:11px 0 10px; border-bottom:none; background:#fff; color:#fe0101;} */
.m_downtab .lst_tab ul li.on a{ padding:11px 0 10px; border-bottom:none; background:#000000; color:#FFFFFF;}
.m_downtab .lst_tab ul li.last {width: 20.003%;}

/* .m_downtab .tab_cont{ padding:20px 20px 20px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */
.m_downtab .tab_cont{ padding:28px 20px 28px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.m_downtab .tab_cont .cont{display: none;}
.m_downtab .tab_cont .cont.on{display: block;}
.m_downtab .tab_cont .lst ul li{width: 227px;margin-top: 9px;line-height: 15px; position: relative; padding-left: 10px;}
.m_downtab .tab_cont .lst ul li:first-child{margin-top: 0;}
.m_downtab .tab_cont .lst ul li:after {position: absolute; top: 6px; left: 0; width: 4px;height: 4px;background: url(../images/main/bu.gif) left center no-repeat ;content:''; }
.m_downtab .tab_cont .lst ul li a{display: block;color: #282828;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




/* FOOTER */
#footer{border-top: 1px solid #ccc; position:relative;}
#footer .back-top {position:fixed; bottom:10px; right:50%; margin-right:-600px; z-index:1000; display:none;}
#footer > .inner {padding:43px 0;}
#footer > .inner:after{display: block;clear: both;content: "";}
#footer .f_comp{float: left;width: 212px;}
#footer .f_comp .sns{margin-bottom: 9px;}
#footer .f_comp .sns ul:after{display: block;clear: both;content: "";}
#footer .f_comp .sns ul li{float: left; margin-left: 8px; }
#footer .f_comp .sns ul li:first-child{margin-left: 0;}
#footer .f_comp .terms{margin-bottom: 12px;}
#footer .f_comp .terms ul:after{display: block;clear: both;content: "";}
#footer .f_comp .terms ul li{float: left; margin-bottom: 2%}
#footer .f_comp .terms ul li a{
    display: block;padding:5px 10px;border: 1px solid #ccc; color: #000; font-size: 12px;font-weight: normal; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; width: 100%;
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#footer .f_comp .terms ul li a.width{width: 100%;font-weight: normal;}
#footer .f_comp .terms ul li a:hover{color: #fe0101; border-color: #fe0101;}
#footer .f_comp .terms ul li.fl{width: 100%}
#footer .f_comp .terms ul li.fl a{float: left; width: 49%; text-align: center;}
#footer .f_comp .terms ul li.fl a.right{float: right}
#footer .f_comp .terms ul li.fr{width: 100%}
#footer .f_comp .comp_info{}
#footer .f_comp .comp_info ul li{color: #6f6f6f; margin-top: 5px; font-weight: 100;}
#footer .f_comp .copyright{margin-top: 14px; font-size: 12px; color: #6f6f6f; font-weight: 100;}
#footer .f_sitemap{float: left; width: 825px; margin-left: 60px;}
#footer .f_sitemap > ul:after{display: block;clear: both;content: "";}
#footer .f_sitemap > ul > li {float: left; width: 25%;}
#footer .f_sitemap > ul > li h2{font-size: 13px; font-weight: normal; color: #0f0f0f;}
#footer .f_sitemap > ul > li h2 a{color: #0f0f0f;}
#footer .f_sitemap > ul > li .lst_pro ul li a{display: block;color: #61646d; margin-top: 6px;font-weight: normal;}
#footer .f_sitemap > ul > li .lst_pro ul li a:hover{color:#FF0000;}
#footer .f_sitemap > ul > li .dep3 ul li{padding-left: 10px; position: relative;}
#footer .f_sitemap > ul > li .dep3 ul li:after{position: absolute; width: 5px; height: 1px; background-color: #61646d; top: 50%; left: 0;content: "";}


/* SUB CONTAINER */
#container.sub{}
#container.sub .container_inner{}
.article{margin: 50px 0;}


/* PATH */
.locationPage{border-bottom: 1px solid #dcdcdc; font-size: 12px; color: #919191; padding:18px 0 14px 0; }
.locationPage > .inner{text-align: left; margin:0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.locationPage > .inner span.arr{display: inline-block;width: 5px;height: 9px; margin:0 10px;background: url(../images/common/path_arr.gif) top center no-repeat; vertical-align: baseline;}
.locationPage > .inner span{color: #000000; font-weight: 400; font-size:14px;}
.locationPage > .inner strong{color: #000000; font-weight: 400; font-size:14px; }
.locationPage > .inner .home img{vertical-align: bottom;}





/* 상단 페이지 이름 & 탭 */

.pg_title{font-size: 30px; color: #444; margin: 40px 0 42px 0;}
.pg_title.ta-c{text-align: center;}
.tab_list {border-bottom:1px solid #202020; margin-bottom:30px;text-align:center;}
.tab_list ul {}
.tab_list ul:after {display:block; clear:both; content:"";}
.tab_list ul li {float:left;width:182px;border: 1px solid #c4c2c0;border-bottom: 0;margin-left: -1px;position: relative;top:1px;}
.tab_list ul li.fixed,.division_list ul li:hover {top:1px;position:relative;border: 1px solid #202020;border-bottom: 0;background: #fff;padding-bottom: 1px;z-index:10;     height: 50px;}
.tab_list ul li a {display:block; padding:14px 0;font-size: 17px; font-weight: 400;}
.tab_list ul li a span {display:block; border-right:1px solid #cbcbcb;color:#999; }
.tab_list ul li.fixed a ,.division_list ul li:hover a {color:#222;}


/* mypage/status.asp */
.ps_cont{margin:5px 0 5px;}
.ps_cont b{font-size: 16px; color:#202020;}
.ps_cont img{width: 20px;margin:20px 5px 20px 0;}



/* mypage/regist.asp */
.cont_bot{margin:70px 0;}
.cont_bot span{font-size:15px;margin:0 0 20px;}
.cont_bot b{font-size: 15px;}
.cont_bot p{font-size: 15px;}
.cont_bot p b{font-size:17px; color:#202020;}
.cont_bot .cont_bot_p{}
.cont_bot .cont_bot_img{width: 1100px; margin-bottom: 20px;}
.cont_bot .cont_bot_img img{width: 500px; margin:20px 0 15px; padding:10px 10px 10px 20px; border-top:1px solid #7e7e7e;border-left:1px solid #7e7e7e; border-right:1px solid #7e7e7e; border-bottom:1px solid #7e7e7e;}
.cont_bot .cont_bot_ico{font-size: 1.25em;color: #000;}
.cont_bot .cont_bot_ico img	{width: 20px;margin:20px 5px 20px 0;}