.contentBox {margin:-71px 0 -65px;}
.contentBox-inner {padding: 71px 0 65px;}
#container.main {padding-top:308px; min-height:700px; background:#ededed}
#container.main * {box-sizing:border-box; font-family:"Malgun Gothic"}
#container.main .mainVisualArea {position:absolute; top:0; left:0; z-index:1; padding-top:70px; width:100%; height:308px; background:url("../images/main/main_visual.png") no-repeat center center; background-size:cover}
#container.main .mainVisualArea:before {display:block; content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0.4; filter:alpha(opacity:40); background:#000}
#container.main .mainVisualArea:after {display:block; content:""; position:absolute; top:188px; left:0; z-index:-1; border-top:1px solid #fff; width:100%; opacity:0.2; filter:alpha(opacity:20)}
#container.main .mainVisualArea .textArea {margin-bottom:80px; text-align:center}
#container.main .mainVisualArea .textArea strong {display:block; margin-bottom:24px; line-height:72px; font-size:52px; font-weight:700 !important; color:#fff}
#container.main .mainVisualArea .textArea p {line-height:38px; font-size:27px; color:#fff}
#container.main .mainVisualArea .quickMenuBtn {text-align:center}
#container.main .mainVisualArea .quickMenuBtn ul {display:inline-block; overflow:hidden}
#container.main .mainVisualArea .quickMenuBtn ul li {float:left; margin-left:5px; width:246px}
#container.main .mainVisualArea .quickMenuBtn ul li:first-child {margin-left:0}
#container.main .mainVisualArea .quickMenuBtn ul li a {display:block; position:relative; z-index:1; padding:0 20px; line-height:60px; text-align:left; font-size:16px; color:#fff}
#container.main .mainVisualArea .quickMenuBtn ul li a:before {display:block; content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0.8; filter:alpha(opacity:80); background:#000; -webkit-transition:all 0.2s; transition:all 0.2s}
#container.main .mainVisualArea .quickMenuBtn ul li a:hover:before {opacity:0.9; filter:alpha(opacity:90); background:#f47d31}
#container.main .mainVisualArea .quickMenuBtn ul li a span {display:block}
#container.main .mainVisualArea .quickMenuBtn ul li:nth-child(1) a span {background:url("../images/main/ico_main01.png") no-repeat right center}
#container.main .mainVisualArea .quickMenuBtn ul li:nth-child(2) a span {background:url("../images/main/ico_main02.png") no-repeat right center}
#container.main .mainVisualArea .quickMenuBtn ul li:nth-child(3) a span {background:url("../images/main/ico_main03.png") no-repeat right center}
#container.main .mainVisualArea .quickMenuBtn ul li:nth-child(4) a span {background:url("../images/main/ico_main04.png") no-repeat right center}
#container.main .mainVisualArea .btnSlide {display:block; position:absolute; bottom:-35px; left:50%; margin-left:-40px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:80px; height:35px; text-indent:-9999px; background:#434343 url("../images/main/btn_slide.png") no-repeat center; -webkit-transition:all 0.5s; transition:all 0.5s}
#container.main .mainVisualArea .btnSlide.on {background:#434343 url("../images/main/btn_slide_on.png") no-repeat center}
#container.main .mainInner {margin:0 auto; padding:70px 0 50px; width:1000px}
#container.main .mainInner .noticeArea {overflow:hidden; margin:-6px -6px 0}
#container.main .mainInner .noticeArea dl {position:relative; float:left; margin:6px; padding:0 20px; border:1px solid #ccc; width:494px; height:264px; background:#fff}
#container.main .mainInner .noticeArea dl dt {position:relative; display:inline-block; margin-bottom:5px; padding-top:14px; line-height:36px; font-size:18px; font-weight:700; color:#010101}
#container.main .mainInner .noticeArea dl dt:before {display:block; content:""; position:absolute; top:0; left:0; border-top:3px solid #f47d31; width:100%}
#container.main .mainInner .noticeArea dl dd a.btnMore {display:block; position:absolute; top:14px; right:20px; padding-right:15px; line-height:28px; font-size:14px; color:#666; background:url("../images/main/ico_more.png") no-repeat right center; -webkit-transition:all 0.2s; transition:all 0.2s}
#container.main .mainInner .noticeArea dl dd a.btnMore:hover {color:#111; background-image:url("../images/main/ico_more_on.png")}
#container.main .mainInner .noticeArea dl dd .colTable {border-top:2px solid #666}
#container.main .mainInner .noticeArea dl dd .colTable table {table-layout:fixed; width:100%}
#container.main .mainInner .noticeArea dl dd .colTable table caption {display:none}
#container.main .mainInner .noticeArea dl dd .colTable table th {padding:8px 0; border-bottom:1px solid #aeaeae; line-height:20px; font-size:14px; color:#000; font-weight:700; background:#f3f3f3}
#container.main .mainInner .noticeArea dl dd .colTable table td {padding:8px 16px; border-bottom:1px solid #ddd; line-height:20px; font-size:12px; color:#666}
#container.main .mainInner .noticeArea dl dd .colTable table tr:hover td {cursor:pointer; background:#f6f6f6}
#container.main .mainInner .noticeArea dl dd .colTable table tr:hover td a {font-weight:bold; color:#f47d31}
#container.main .mainInner .noticeArea dl dd .colTable table td a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} 
#container.main .mainInner .noticeArea dl dd .colTable table td.noData {color:#999}
#container.main .mainInner .noticeArea dl dd .colTable table tr:hover td.noData {background:none}
#container.main .mainInner .noticeArea dl dd .colTable table .cRed {color:#a40000}
#container.main .mainInner .noticeArea dl.tabArea dt {padding-top:0}
#container.main .mainInner .noticeArea dl.tabArea dt:before {display:none}
#container.main .mainInner .noticeArea dl.tabArea dt ul {overflow:hidden}
#container.main .mainInner .noticeArea dl.tabArea dt ul li {position:relative; float:left; margin-left:15px; padding-left:16px}
#container.main .mainInner .noticeArea dl.tabArea dt ul li:first-child {margin:0; padding:0}
#container.main .mainInner .noticeArea dl.tabArea dt ul li:before {display:block; content:""; position:absolute; top:28px; left:0; height:10px; border-left:1px solid #ccc}
#container.main .mainInner .noticeArea dl.tabArea dt ul li:first-child:before {display:none}
#container.main .mainInner .noticeArea dl.tabArea dt ul li a {display:block; padding-top:14px; position:relative; color:#999; font-weight:400}
#container.main .mainInner .noticeArea dl.tabArea dt ul li a:hover {color:#010101}
#container.main .mainInner .noticeArea dl.tabArea dt ul li.curr a {font-weight:bold; color:#010101}
#container.main .mainInner .noticeArea dl.tabArea dt ul li.curr a:before {display:block; content:""; position:absolute; top:0; left:0; border-top:3px solid #f47d31; width:100%}
#PopBackMain {position: fixed; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 1000; display: none;}