@charset "utf-8";
#subpage { width: 100%; overflow: hidden; position: relative; min-height: 800px; }
#subpage .inner-wrap.board { padding: 50px 0 186px; }
#subpage.sub1-media { background: url('../img/sub/media-bg.jpg'); }

#subpage .subnav-wrap { width: 100%; position: absolute; top: 268px; background: #282627; z-index: 2; }
#snb { width: 100%;  display: flex; justify-content: center; }
#snb > li { width: 201px; height: 40px; display: flex; background: url('../img/sub/snb-bg.jpg'); margin: 0 1px; }
#snb > li.on { background: url('../img/sub/snb-bg-on.jpg'); }
#snb > li > a { flex: auto; text-align: center;  line-height: 40px; font-size: 15px; font-weight: 700; color: #fff; }

#depth3 { position: absolute; left: 0; top: 485px; z-index: 3; width: 100%; height: 60px; background: rgba(255,255,255,0); }
#depth3 > ul { width: 100%; display: flex; justify-content: center; height: inherit; }
#depth3 > ul > li { width: 310px; height: inherit; background: rgba(0,0,0,0); }
.sub4-1 #depth3 > ul > li { width: 200px; }
#depth3 > ul > li > a { text-indent: -99999px; display: block; width: 100%; height: 100%; }

#subpage .contents { position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; overflow: hidden; min-height: 800px; }
#subpage .contents .box { width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 268px; }
#subpage .contents .full-box { width: 100%; position: absolute; left: 0; top: 268px; text-align: center; }
#subpage .contents .box .flex { display: flex; }


#subpage.sub1-1 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub1-1 .contents .box > p:nth-of-type(3) { position: absolute; left: 0; bottom: 0; transition-delay: 0.4s; }

#subpage.sub1-2 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub1-2 .contents .box .flex p:nth-of-type(1) { transition-delay: 0.4s; }
#subpage.sub1-2 .contents .box .flex p:nth-of-type(2) { transition-delay: 0.4s; }

#subpage.sub1-3 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub1-3 .contents .box > p:nth-of-type(3) { transition-delay: 0.4s; }

#subpage.sub1-4 .contents .full-box > div { transition-delay: 0.2s; }

#subpage.sub2-1 .contents .box > div { position: relative; }
#subpage.sub2-1 .contents .box > div > p { position: absolute; left: 0; top: 0; }
#subpage.sub2-1 .contents .box > div > p:nth-of-type(1) { transition-delay: 0.2s; }
#subpage.sub2-1 .contents .box > div > p:nth-of-type(2) { transition-delay: 0.4s; }
#subpage.sub2-1 .contents .box > div > p:nth-of-type(3) { transition-delay: 0.6s; }
#subpage.sub2-1 .contents .box > div > p:nth-of-type(4) { transition-delay: 0.8s; }
#subpage.sub2-1 .contents .box > div > p:nth-of-type(5) { transition-delay: 1.0s; }
#subpage.sub2-1 .contents .box > div > p:nth-of-type(6) { transition-delay: 1.2s; }

#subpage.sub2-2 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub2-2 .contents .box .flex p:nth-of-type(1) { transition-delay: 0.6s; }
#subpage.sub2-2 .contents .box .flex p:nth-of-type(2) { transition-delay: 0.4s; }
#subpage.sub2-2 .contents .box .flex p:nth-of-type(3) { transition-delay: 0.6s; }

#subpage.sub3-1 .contents .box > p:nth-of-type(1) { transition-delay: 0s; }
#subpage.sub3-1 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub3-1 .contents .box > p:nth-of-type(3) { transition-delay: 0.4s; }
#subpage.sub3-1 .contents .box > p:nth-of-type(4) { transition-delay: 0.6s; }
#subpage.sub3-1 .contents .box > p:nth-of-type(5) { transition-delay: 0.8s; }
#subpage.sub3-1 .contents .box > p:nth-of-type(6) { transition-delay: 1.0s; }

#subpage.sub3-1 .contents .box.tab1 .flex > p:nth-of-type(1) { transition-delay: 0.4s; }
#subpage.sub3-1 .contents .box.tab1 .flex > p:nth-of-type(2) { transition-delay: 0.6s; }
#subpage.sub3-1 .contents .box.tab1 .flex > p:nth-of-type(3) { transition-delay: 0.8s; }
#subpage.sub3-1 .contents .box.tab1 .flex > p:nth-of-type(4) { transition-delay: 1.0s; }
#subpage.sub3-1 .contents .box.tab1 .flex > p:nth-of-type(5) { transition-delay: 1.2s; }

#subpage.sub3-1 .contents .box.tab3 > p { transition-delay: 0.2s; }
#subpage.sub3-1 .contents .box.tab3 > div { position: relative; transform: translate(0,0); opacity: 1; }
#subpage.sub3-1 .contents .box.tab3 > div > p { position: absolute; left: 0; top: 0; }

#subpage.sub4-1 .contents .box.tab1 > p:nth-of-type(1) { transition-delay: 0.6s; }

#subpage.sub4-2 .contents .box > p:nth-of-type(1) { transition-delay: 0s; }
#subpage.sub4-2 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub4-2 .contents .box > p:nth-of-type(3) { transition-delay: 0.4s; }
#subpage.sub4-2 .contents .box > p:nth-of-type(4) { transition-delay: 0s; }

#subpage.sub5-1 .contents .box > p:nth-of-type(1) { transition-delay: 0s; }
#subpage.sub5-1 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub5-1 .contents .box > div { transition-delay: 0.4s; }
#subpage.sub5-1 .contents .box > div > div { flex: auto; background: url('../img/sub/form.png') center top no-repeat; box-sizing: border-box; padding-top: 38px; }
#subpage.sub5-1 .contents .box > div > div input[type=text] { border: 0; background: rgba(0,0,0,0); width: 400px; height: 32px; padding: 0 10px; box-sizing: border-box; outline: none; }
#subpage.sub5-1 .contents .box > div > div input[type=checkbox] { width: 16px; height: 16px; border: 0; outline: none; }
#subpage.sub5-1 .contents .box > div > div input[type=submit] { width: 120px; height: 36px; border: 0; outline: none; background: transparent; color: transparent; }
#subpage.sub5-1 .contents .box > div > div textarea { border: 0; background: rgba(0,0,0,0); width: 401px; height: 300px; resize: none; padding: 10px; box-sizing: border-box; }
#subpage.sub5-1 .contents .box > div > div > form > p { margin-bottom: 13px; }
#subpage.sub5-1 .contents .box > div > div > form > .agree { margin-left: 1px; }
#subpage.sub5-1 .contents .box > div > div > form > .agree > label { opacity: 0; }
#subpage.sub5-1 .contents .box > div > div > form > .submit-btn { padding-left: 281px; padding-top: 7px; }

#subpage.sub6-1 .contents .box > p:nth-of-type(1) { transition-delay: 0s; }
#subpage.sub6-1 .contents .box > p:nth-of-type(2) { transition-delay: 0.2s; }
#subpage.sub6-1 .contents .box > p:nth-of-type(3) { transition-delay: 0.4s; }
#subpage.sub6-1 .contents .box > p:nth-of-type(4) { transition-delay: 0.6s; }
#subpage.sub6-1 .contents .box .flex > p:nth-of-type(1) { transition-delay: 0.4s; }
#subpage.sub6-1 .contents .box .flex > p:nth-of-type(2) { transition-delay: 0.6s; }
#subpage.sub6-1 .contents .box .flex > p:nth-of-type(3) { transition-delay: 0.8s; }
#subpage.sub6-1 .contents .box .flex > p:nth-of-type(4) { transition-delay: 1.0s; }

/* 게시판 커스텀 */
/* list */
#bo_list .td_name { text-align: center !important; }
#bo_list tbody tr:hover {border-left:2px solid #000 !important; }

#bo_cate a {border:1px solid #000 !important;color:#000 !important; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { background:#000 !important; color:#fff !important; }
#bo_cate #bo_cate_on {background:#000 !important; border:1px solid #000 !important; color: #fff !important;
-webkit-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
-moz-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
box-shadow:inset 0 0 0 rgb(33, 135, 202) !important}
/*view*/
.cmt_btn span.total { color: #000 !important; }
.cmt_btn span.total:after { background: #000 !important; }