@charset "utf-8";
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url("/font/brand/army/pc_2019/NotoSansKR-Thin.woff2") format('woff2'), url("/font/brand/army/pc_2019/NotoSansKR-Thin.woff") format('woff'), url("/font/brand/army/pc_2019/NotoSansKR-Thin.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("/font/brand/army/pc_2019/NotoSansKR-Light.woff2") format('woff2'), url("/font/brand/army/pc_2019/NotoSansKR-Light.woff") format('woff'), url("/font/brand/army/pc_2019/NotoSansKR-Light.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("/font/brand/army/pc_2019/NotoSansKR-Regular.woff2") format('woff2'), url("/font/brand/army/pc_2019/NotoSansKR-Regular.woff") format('woff'), url("/font/brand/army/pc_2019/NotoSansKR-Regular.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("/font/brand/army/pc_2019/NotoSansKR-Medium.woff2") format('woff2'), url("/font/brand/army/pc_2019/NotoSansKR-Medium.woff") format('woff'), url("/font/brand/army/pc_2019/NotoSansKR-Medium.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("/font/brand/army/pc_2019/NotoSansKR-Bold.woff2") format('woff2'), url("/font/brand/army/pc_2019/NotoSansKR-Bold.woff") format('woff'), url("/font/brand/army/pc_2019/NotoSansKR-Bold.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url("/font/brand/army/pc_2019/NotoSansKR-Black.woff2") format('woff2'), url("/font/brand/army/pc_2019/NotoSansKR-Black.woff") format('woff'), url("/font/brand/army/pc_2019/NotoSansKR-Black.otf") format('opentype');}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,textarea,button{border:0 none;background-color:transparent; vertical-align:middle}
select,button{cursor:pointer}
select{border:0 none;vertical-align:middle}
textarea{border:1px solid #e0e0e0; font-family: 'Noto Sans KR',"Malgun Gothic", "sans-serif";}
input::-ms-clear {display:none}
a {color:#000;text-decoration:none}
a:hover {text-decoration:none}
/*a:active {background-color:transparent}*/
img{vertical-align:top}
i,em,address{font-style:normal}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
header,main,aside,article,footer {display:block}
table{width:100%;border-collapse:collapse; table-layout:fixed; word-wrap: break-word;}
caption { text-indent:-999999999px; width: 0;height: 0px; font-size:0; padding: 0;border: 0; overflow: hidden; visibility: hidden; line-height: 0;}

/* skip */
.skip{position:absolute;left:0;top:-100px}
.skip:active,.skip:focus{top:0;right:0;z-index:10;background-color:#000;color:#fff;font-size:18px;line-height:3em;text-align:center}

/***common***/
body,html { font-family: 'Noto Sans KR',"Malgun Gothic", "sans-serif"; font-size: 14px; color: #393939; margin: 0; padding: 0; line-height: 1.5em; width: 100%; /*height: 100%*/}
li,ul { padding: 0; margin: 0; list-style: none}
table,tbody,td,tr { border-collapse: collapse; padding: 0; margin: 0}
a,button,label { text-decoration: none; color:#a4a4a4; cursor: pointer; background: none; border: 0}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; outline: none;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; outline: none;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; outline: none;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; outline: none;}
.max_width { display: inline-block; width: 100%; max-width: 1200px; margin: 0 auto;}
.clear { clear: both;}
.scrollerBox { position: relative; top: 0; left: 0; width: 1920px; /* number_of_page*page_width */ float: left;}
.scrollerBox ul { list-style: none; position: relative; display: block; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%;}
.scrollerBox li { display: block; float: left; padding: 0;}
.scrollerBox li img { width: 100%; border: 0;}
.sliderNav { position: absolute; bottom: 20px; width: 100%; z-index: 100; text-align: center;}
.sliderNav a { margin: 0 5px; background-color: transparent; text-decoration: none;}
.scrollBtn { display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff}
.scrollBtn a { display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
/***font common***/
.f_bold { font-weight: bold}
.f_bolder { font-weight: 400}
.f_16 { font-size: 16px}
.f_18 { font-size: 18px}
.f_20 { font-size: 20px}
.f_22 { font-size: 22px}
.f_24 { font-size: 24px}
.f_27 { font-size: 27px}
.f_30 { font-size: 30px}
.f_35 { font-size: 35px}
.f_45 { font-size: 45px}
.f_60 { font-size: 60px}
.f_yellow { color: #ffcf00}
.f_gray { color: #858585}
.f_subgray { color: #a7a9ad}
.f_red { color: #ca4f48}
.f_right_red{	color:#ee2d30}
.f_subred { color: #e2a9a3}
.f_black { color: #393939}
.mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: all 0.5s; display: none; z-index:10;}

select {position: relative; display:inline-block;  vertical-align:middle; width:100%; height:35px; padding:0 0 0 16px; font-size:14px; line-height:35px; color:#757575; border:1px solid #cccccc; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/images/brand/army/pc_2019/common/select.png') no-repeat 95% center;}
select::-ms-expand {display: none;}

.select-wrap {display: inline-block;}
.selectric-select {text-align: left;}
.selectric-select .selectric {background-color: #ffffff;border: 1px solid #cccccc;}
.selectric-select .selectric .label {margin: 0;padding: 0;margin-left: 0;margin-right: 50px;line-height: 38px;height: 38px;padding-left: 15px;font-size: 14px;font-weight: 300;text-align: left;color: #88878c;}
.selectric-select .selectric .button {width: 38px;height: 38px;color: #000000;background-color: #ffffff;background-repeat: no-repeat;background-position: 13px 50%;background-image: url('../../images/yst_2019/common/select2.png');}
.selectric-select .selectric .button::after {display: none;}
.selectric-select .selectric-items {background-color: #ffffff;-webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.12);box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.12);height: auto !important;min-width: 100%;width: auto !important;}
.selectric-select .selectric-items .selectric-scroll {max-height: 190px;}
.selectric-select .selectric-items .selectric-scroll ul li {min-height: 38px;line-height: 38px;padding: 0;padding-left: 15px;padding-right: 10px;white-space: nowrap;font-size: 14px;font-weight: 300;color: #88878c;}
.selectric-select .selectric-items .selectric-scroll ul li:focus,
.selectric-select .selectric-items .selectric-scroll ul li:hover {background-color: #f5f5f5;}
.selectric-select .selectric-items .selectric-scroll ul li.highlighted {background-color: #f5f5f5;}
.selectric-default .selectric .label {line-height: 52px;height: 52px;}
.selectric-default .selectric-items .selectric-scroll ul li {line-height: 52px;min-height: 52px;font-size: 15px;}

input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
input[type=text], input[type=password], input[type=number] {display:inline-block; vertical-align:middle; width:100%; height:35px; padding:0 20px;font-size:14px; line-height:35px; letter-spacing:-1px; color:#afafaf; border:1px solid #cccccc;box-sizing:border-box;}
textarea {box-sizing:border-box; height:103px; padding:14px 25px; font-size:14px; line-height:16px; color:#a4a4a4; font-weight: 500;}

/*header*/
#header { width: 100%; height: auto}
/*
#util_bar {overflow:hidden; width: 100%; float: right; height: 35px; border-bottom: 1px solid #303030; color: #a4a4a4; background-color:#0b0d0a;}
.util_bar ul { float: right}
.util_logo { width: 100px; float: left; margin-left: 50px; line-height: 35px; padding:7px 0 0}
.util_menu { height: 35px; float: right; padding-right: 30px}
.util_menu ul li:hover { text-decoration: underline; color: #ffffff;cursor:pointer;}
.util_menu ul li { float: left; padding: 0 10px; line-height: 35px;}
.util_menu ul li a > i { margin-right: 30px; line-height: 30px}
.util_menu ul li a { position: relative;}
.util_menu ul .mem_info {padding:0px;margin: 0px;width: 30px;}
.util_menu ul .alim_info {padding:0px;margin: 0px;width: 30px;}
.util_menu ul .util_bell_num { position: absolute; top: 0; left: 10px; display: block; width: 20px; height: 20px; text-align:center; background-color: #765bed; color: #fff; border-radius: 20px; line-height: 18px;}
.util_menu ul li img { padding-top: 10px}
*/
.search { padding-bottom: 30px}
.search_active { position: absolute; top: -50px; right: 40px; padding:0 10px; background-color: #ebebeb; border-radius: 20px; transition: 0.4s ease-in-out;}
.search_active input[type="text"] { width: 130px; height: auto; line-height: normal; padding: .2em 2em; border: none; background-color: transparent; margin-right: 5px; vertical-align:0;}
.search_active input:focus { outline: none}
.search_active a, .search_active button { padding-right: 15px; color: #393939; font-weight:normal;outline:none;vertical-align:0;}
#logo_wrap { clear: both; width: 100%; height: 120px; border-bottom: 1px solid #303030; text-align: center; background-color:#10130e;}
.logo { position:relative; display:block; width: 1200px; height: 120px; text-align: center; margin:0 auto;}
.logo h1 {padding-top:20px;}

/*D-day*/
.d_day_box {position:absolute; width: 300px; top:46px; right:0; overflow: hidden; }
.d_day_box .d_day { }
.d_day_box .d_day dl {display: flex; overflow: hidden; justify-content: flex-end;}
.d_day_box .d_day dl dt { line-height: 30px; font-size: 15px; font-weight: 400; color:#666; text-align: center;}
.d_day_box .d_day dl dt b {color: #222;}
.d_day_box .d_day dl dd { font-size: 21px; font-weight:700; }
.d_day_box .d_day dl dd ul {overflow: hidden;}
.d_day_box .d_day dl dd ul li {float: left; color: #fff; background:linear-gradient(#333 50%,#111 50%); margin-left: 1px; padding: 4px 4px 5px 4px; border-radius:2px;}
.d_day_box .d_day dl dd ul li:first-child {color: #222; background: none;}

/*nav*/
#nav_wrap { width: 100%; border-bottom: 1px solid #303030; height:59px; background-color:#0b0d0a;}
.nav { text-align: center; font-size: 18px; padding-top: 21px}
.nav > ul { display: inline-block;}
.nav > ul > li { position: relative; float: left; border-right: 1px solid #303030; padding: 0;margin: 0;width: 170px;}
.nav > ul li a { color: #ffffff;  font-size:18px; font-weight:400;}
.nav > ul li a:hover { color: #ffffff; font-size:18px; font-weight:400;}
.nav > ul li:last-child { border: 0}

.nav .subnav {display: none;}
.nav .subnav.active {border-right: 1px solid #eee;display: inline-block;position: absolute;width:170px;height: 385px;z-index: 9;left: 0;right: 0;top:40px;line-height: 2em;padding-top: 15px;}
.nav .subnav  > ul li a {font-size: 15px;color:#6c6c6c;}
.nav .subnav  > ul li a:hover,
.nav .subnav  > ul li a.on{font-size: 15px;color:#000000;text-decoration: underline;}
.header-mask {background-color: #f7f7f7;position: absolute;border-top: 1px solid transparent;z-index: 8;left: 0;width: 0%;height: 400px;text-align: center;
                    /*-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;*/}
.header-mask.active {border-top: 0px solid #e5e5e5;width: 100%;-webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.12);box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.12);}
.header-mask-up{display: none;}
.header-mask-up.active{position: absolute;z-index: 9;display: inline-block;border: 0px solid #ff0000;top: 580px;padding-left: 50%;}

/*==========서브 페이지 영역========================*/
#wrap { min-width: 1200px; width:100%;}
.wrap {position: relative; width: 1200px; min-height:600px; margin: 40px auto 0; }
.wrap:after { content:""; display:block; clear:both; }

/*==========서브 페이지 좌측메뉴 ========================*/

/*.sub_aside{float:left; width:220px;}*/
.sub_aside{position: absolute; top: 0; /*right: 50%;*/ width:220px; margin-right: 380px; background:#ffffff;}
.aside_nav_h {}
.aside_nav_h p {}
.aside_nav {}
.aside_nav ul {width:220px;border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; box-sizing:border-box;}
.aside_nav ul li {display:block; width:100%; height:41px; line-height:41px; border-bottom:1px solid #eeeeee;}
.aside_nav ul li:last-child {border-bottom:1px solid #e5e5e5;}
.aside_nav ul li a {display:block; height:41px; line-height:41px; color:#444343; font-size:15px;  font-weight:400; text-align:left; padding:0 0 0 23px;}
.aside_nav ul li a i {font-size:13px;color:#fff;line-height:41px; margin-right:11px;}
.aside_nav ul .aside_active a,.aside_nav ul li:hover,.aside_nav ul li:hover a,.aside_nav ul li a.on {background:#f7f7f7; color:#000000; font-weight:500;}
.aside_nav ul .aside_active a i,.aside_nav ul li:hover i,.aside_nav ul li:hover a i,.aside_nav ul li a.on  i {float:right; color:#636363;}
.aside_banner {width:220px; margin-top:20px;}
.aside_banner:after { content:""; display:block; clear:both; }
/* 내강의실 개인정보관리 */
.aside_myinfomng a {position:relative; display:block; width:220px; height:40px; font-size:16px; color:#fff; line-height:40px; text-align:left; box-sizing: border-box; padding-left:20px; background:#16263b;}
.aside_myinfomng a i {float:right; font-size:25px; line-height:40px; margin-right:28px;}
.aside_myinfomng a span {position:absolute; top:11px; right:18px; width:18px; height:18px; font-size:13px; color:#fff; line-height:18px; text-align:center; border-radius:50%; background:#765bed;}


/*==========서브 페이지 우측 컨텐츠 영역 ========================*/
.sub_article{ float:right; width:950px;}
.indicator {width:100%; border-bottom:2px solid #000;}
.indicator:after { content:""; display:block; clear:both; }
.indicator p:first-child{float:left; font-size:28px; color:#464646; font-weight:700; line-height:45px; padding-left:10px;}
.indicator p:first-child span {font-size:16px; font-weight:400; color:#606060; margin-left:10px;}
.indicator p:last-child{float:right; font-size:13px; color:#848484; font-weight:400; line-height:45px; padding-right:10px;}
.indicator_bd_none {border-bottom:none;}


/*footer*/
.footer {width: 100%;text-align: center;font-size: 18px;padding: 6px 0;background-color: #1a1a1a;color: #c5c5c5}
.footer > ul {display: inline-block;}
.footer > ul li {float: left;border-right: 1px solid #3c3c3c;padding: 0 40px; line-height:47px; height:47px;}
.footer > ul li:last-child {border: 0}
footer {clear: both; background-color: #060606; width:100%; height: 272px;}
.footer_info {text-align: left;}
.footer_info img {float: left;margin-top: 55px}
.footer_info ul {display: inline-block;margin: 60px 0 25px 40px;}
.footer_info ul li {float: left;color: #e5e5e5;padding: 0 20px;color: #c5c5c5;border-right: 1px solid #c5c5c5;line-height: 0.8}
.footer_info ul li:last-child {border-right:none}
.footer_info p {display: inline-block;margin: 0 0 25px 57px;color: #8d95a2;letter-spacing: 0.5px;font-size: 12px;opacity: 0.8;}
.footer_info_center {width: 1000px;margin: 0 auto}
/*최상단으로 가기*/
.top_btn {clear: both; width: 1200px; text-align: right;padding:15px 0; margin: 0 auto;}
/*유상통에 문의하기*/
.floatdiv {position: fixed;width: 222px;height: 60px;display: inline-block;right: 15px; bottom:40px; background: url("../../images/yst_2019/common/floatdiv.png");margin: 0;line-height: 59px;letter-spacing: -1.5px;padding-left: 15px;z-index:9;font-size:17px;letter-spacing:0}
/*유상통에 문의하기 활성화*/
.floatdiv_active {display: none;position: fixed;right: 15px;bottom: 40px;width: 320px;height: 380px;border-radius: 20px;border: 5px solid #1a2842;background-color: #fff;z-index:70;}
.floatdiv_head {background-color: #1a2842;width: 90%;height: 70px;padding: 5%;border-radius: 5% 5% 0 0;color: #eee;}
.floatdiv_head p {float:left; letter-spacing: 0;font-weight: 300;}
.floatdiv_head span:first-child {display: inline-block;margin-bottom: 8px;}
.floatdiv_head i {float: right;opacity: 0.5;cursor: pointer}
.floatdiv_input {margin:20px 0 0}
.floatdiv_input input,.floatdiv_input textarea {border: 0;border-bottom: 1px solid #eee;padding: 2%;width: 88%;margin: 2% 5%; font-size: 15px; line-height: 17px; color: #000; outline: none; font-family: 'Noto Sans KR',"Malgun Gothic", "sans-serif";}
.floatdiv_input textarea {height:80px; font-weight:400}
.floatdiv_input ::-webkit-input-placeholder{ font-size: 15px; line-height: 17px; color: #afafaf; font-weight:400 }
.floatdiv_input ::-ms-input-placeholder {font-size: 15px; line-height: 17px; color: #afafaf; font-weight:400}
.floatdiv_input input:last-child {height: 30px;padding-bottom: 60px}
.floatdiv_btn {width: 150px;height: 35px;line-height: 35px;margin: 5% 30%;border-radius: 20px;text-align: center;background-color: #1a2842;color: #eee;display:inline-block;}

/*모달-로그인*/
.modal_contents{background-color:#fff}
.modal_login {z-index: 10;position: fixed;top: 20%;margin-top: 0;left: 50%;margin-left: -220px;width: 440px; display:none;}
.modal_login_tab {height: 50px}
.modal_login_tab ul li {width: 50%;height: 50px;float: left;font-size: 22px; line-height: 50px; font-weight: 600;text-align: center;padding: 0; background-color: #21272d;color: #fff}
.modal_login_tab ul > .tab_active {background-color: #fff;color: #393939}
.modal_login_con {width: 360px;height: 156px;padding: 40px;}
.modal_login_con p,
.modal_signup_con p {width: 100%;letter-spacing: 1px;font-size: 18px;color: #747474;line-height: 19px;padding-bottom: 10px}
.modal_login_wrap {clear: both;width: 250px;height: 70px;float: left;}
.login_container {float: left;vertical-align: middle;white-space: nowrap;position: relative;color: #9f9f9f}
.login_container input {outline: none}
.login_container .tab1_id_modal {width: 250px;height: 38px;padding-left: 45px; font-size:13px; background-color: #f5f5f5;box-shadow: none;border: 1px solid #eee; letter-spacing:1px;}
.login_container .tab1_pw_modal {width: 250px;height: 38px;padding-left: 45px;font-size:13px; margin-top: -1px;background-color: #f5f5f5;box-shadow: none;border: 1px solid #eee; letter-spacing:1px;}
.login_container .modal_login_icon {position: absolute;top: 7px;left: 15px;font-size: 20px;}
.login_container .modal_pw_icon {position: absolute;top: 8px;left: 15px;font-size: 20px;}
.modal_login_btn {float: right;width: 100px;height: 75px;background: #21272d;color: #fff;font-size: 16px;font-weight: 600;text-align: center;line-height:75px;}
.modal_info_checkbox,
.modal_memory_checkbox {width: 100%;padding: 22px 0;clear: both;}
.modal_memory_checkbox input[type='checkbox'],
.modal_info_checkbox input[type='checkbox'] {padding-top: 5px;}
.modal_info_checkbox label,
.modal_memory_checkbox label {color: #393939}
.modal_memory_checkbox > p {text-align: right;float: right;width: 50%;margin: 0;padding: 0;font-size: 14px;color: #000;cursor:pointer;}
.modal_signup_con {height: 400px;width:360px;padding:40px;}
.modal_signup_wrap {clear: both;width: 100%;height: 70px;float: left;}
.signup_container {width: 100%;height: 34px;float: left;vertical-align: middle;white-space: nowrap;position: relative;color: #9f9f9f;background-color: #f5f5f5;border: 1px solid #eee;}
.signup_container input {width: 88%;height: 34px;padding-left: 45px;background: transparent;border: none;outline: none;}
.signup_container > span {position: absolute;font-size: 20px;top: 7px;left: 15px}
.modal_signup_btn {display:inline-block;width: 100%;margin: 0 auto;height: 50px;background: #21272d;color: #fff;font-size: 16px;font-weight: 600;text-align: center;line-height:50px}
/*.modal_info_checkbox > div:last-child {float: right;padding-top: 15px}*/
/*.modal_info_checkbox > div:first-child {display: inline-block;padding-top: 15px}*/
.modal_signup_wrap > p {font-size: 12px;letter-spacing: -0.2px;font-weight: 100;color: #393939;margin-top: 20px;}
.signup_container select {margin:0 0 0 40px; padding:0; border: none;font-size: 16px;color: #9f9f9f;background: transparent}
.signup_container modal_num {width: 30%}
.signup_container > .call_second_num {padding: 0; background: none;border: none; text-align: center;}
.signup_container > .call_last_num {background: none;border: none;padding: 0; text-align: center;}
.btn-modal-close1 {position: absolute;top: 0;left: 50%; margin:0 0 0 220px}
.btn-modal-close1 i {display:block; font-size: 30px; line-height:40px; width:40px; height:40px; text-align:center; color:#fff; background:#000}
/*이메일주소/비밀번호 재설정*/
.modal-container {padding:0 12px;}
.modal-container hr {height: 1px; border: none; margin:0; background:#f0f0f0}
.modal-join{position:fixed; top:20%; left:50%; margin-left:-220px; width:440px; background:#fff; z-index:100; display:none;}
.modal-header h1{width:100%; height:50px; text-align:center; color:#fff; background:#343434; margin:0; line-height:50px; font-size:20px}
.find-step h2{position:relative; text-align:center; margin:41px 0 19px; font-size:18px; font-weight:normal;}
.title1 i{position:absolute; top:-10px; left:80px; font-size:40px; color:#000}
.title2 i{position:absolute; top:-14px; left:110px; font-size:40px;}
.selectbox{display:inline;width:100px;}
.selectbox i {position:absolute; top:11px; left:19px; font-size:22px; color:#6b6b6b}
.user-phone .sel{ margin-left:57px; padding:0; height:43px; }
.user-phone{position:relative; height:43px; line-height:43px; background-color:#f5f5f5;border:1px solid #e5e5e5; width:90%; margin:0 auto}
.user-phone select,.user-phone input{ padding:0; height:43px; vertical-align:top; box-shadow:none; border:none; background:transparent; outline:none;}
.notice{text-align:center; padding:10px 0}
.btnbox{text-align:center}
.btnbox a{display:inline-block; width:90%; text-align:center; background:#343434; font-size:18px; color:#fff; padding:12px 0; margin:15px 0 42px}
.user-email{position:relative; background-color:#f5f5f5;border:1px solid #e5e5e5; width:90%; margin:0 auto}
.user-email input{ padding:10px 0 10px 55px;  box-shadow:none; border:none; background:transparent; outline:none;}
.user-email i{position:absolute; top:5px; left:20px; font-size:25px; color:#727272}
/* 쿠폰 */
.modal-coupon {display:none; z-index: 10;position: absolute;top: 20%; left: 50%;margin-left: -220px;width: 440px; background-color:#fff;}
.modal-coupon .modal-header h1 {height:auto; padding:40px 0 26px; text-align:center; font-size:25px; color:#353535; background-color:#fff}
.modal-coupon .modal-header h1 img {margin:0 0 26px;}
.coupon_area { margin:0 auto; width:416px; border-top:1px solid #f0f0f0; padding:42px 0 0; font-size:15px; color:#7f7f7f; text-align:center; }
.coupon_area strong {display:block; margin:22px 0 15px; font-size:22px;  line-height:22px;color:#000; text-align:center; }
.coupon_area p {display:block; font-size:15px; line-height:16px; color:#7f7f7f;text-align:center; }
.coupon_area img {margin:0 0 30px; }
.coupon_area i {display:block; font-size:40px; text-align:center; color:#21272d}

/*========== 게시판 리스트 상단 검색 ========================*/
.tbl_top { border:1px solid #e5e5e5; overflow:hidden; padding:19px 24px; margin:15px 0 0 0; background-color:#fafafa;}
.tbl_top > a {float:left; margin:0 20px 0 0; font-size:16px; line-height:34px; color:#424242; font-weight: 500;}
.tbl_top .box_search {float:right; }
.tbl_top .box_search select {display:inline-block;  vertical-align:middle; width:84px; height:36px; padding:0;font-size:14px; line-height:34px; color:#88878c; border:1px solid #ccc; background-position:90% center; background-color:#ffffff; padding-left:14px;}
.tbl_top .box_search select.area {width:100px;}
.tbl_top .box_search input {display:inline-block; margin:0 4px ; vertical-align:middle; width:250px; height:36px; padding:0 0 0 20px;font-size:14px; line-height:36px; color:#88878c; border:1px solid #ccc; background:url("/images/brand/army/pc_2019/common/search_tbl.gif") no-repeat 95% center; background-color:#ffffff;}
.tbl_top .btn_search {display:inline-block; vertical-align:middle; width:89px; height:34px; font-size:16px; line-height:34px; color:#000; font-weight: 500;text-align:center; border:1px solid #ccc; background-color:#ffffff;}
.tbl_top .btn_search2 {display:inline-block; margin:0 0 0 4px ; vertical-align:middle; width:89px; height:36px; font-size:16px; line-height:36px; color:#fff; font-weight: 500;text-align:center; background-color:#000 }
.tbl_top .box_search .total_num {margin:0 14px 0 0; font-size:20px; line-height:34px; color:#424242; vertical-align: middle;}
.tbl_top .box_search .total_num em {font-size:20px; line-height:34px; color:#765BED}
.tbl_top_bordernone {border:none; border-bottom:1px solid #e5e5e5; padding:0 24px 35px; margin:0; background:none;}

/*========== 게시판 리스트형 ========================*/
.tbl_list {width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_list tr:hover {background:#fafafa}
.tbl_list tr:last-child td {border-bottom:none;}
.tbl_list td {height:65px; font-size:14px; color:#888; vertical-align:middle; text-align:center; border-bottom:1px solid #d5d5d5;}
.tbl_list td.num {font-size:18px; font-weight:700; color:#383838;}
.tbl_list td.tit {text-align:left; padding-left:5px;}
.tbl_list td.tit a { float:left; display:block; max-width:90%; font-size:16px; font-weight:500; color:#383838;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.tbl_list td.tit img {margin:0 0 0 5px; vertical-align:-4px;}
.tbl_list td.tit .sort {display: block;}
.tbl_list td.tit2 {text-align:left; padding-left:5px;}
.tbl_list td.tit2 a { float:left; display:block; max-width:80%; font-size:16px; font-weight:500; color:#383838;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.tbl_list td.tit2 img {margin:0 0 0 5px; vertical-align:-4px;}
.tbl_list td.tit2 .sort {display: block;}
.tbl_list td.tit .comment {font-size:14px; color:#888888;}
.tbl_list td.answer_no {font-weight:700;}
.tbl_list td.answer_yes {font-weight:700; color:#765BED;}
.tbl_list td.answer_mvno {font-size:18px; color:#888888; text-align:center;}
.tbl_list td.answer_mvyes {font-size:18px; color:#000000; text-align:center;}
.tbl_list td.answer_mvyes .yes_num {color:#765BED;}
.tbl_list td.answer_mvyes .icon-yes_mv { display:block; margin:5px 0 0 10px;}
.tbl_nodata {width:100%; height:300px; font-size: 16px; font-weight: 500; color: #383838; text-align:center; box-sizing:border-box; padding-top:150px;}

/*========== 게시판 페이지 ========================*/
/*.paginate{width:100%; padding:38px 0 0; color:#dfdfdf; text-align:center; border-top:2px solid #000000;}
.paginate a img{vertical-align:2px;}
.paginate a,.paginate strong{display:inline-block; margin:0 1.5px; position:relative;  width:34px; height:34px; text-align:center; color:#495057; font-size:15px; line-height:34px;  vertical-align:middle;}
.paginate strong{width:34px; height:34px; color:#765BED !important; font-weight:normal; border:1px solid #d2d6d9;  border-radius:50%; }
.paginate a.pre {margin:0 3.5px 0 0; border:none; }
.paginate a.next {margin:0 0 0 3.5px; border:none;}*/

/*========== 게시판 페이지 ========================*/
.paginate{width:100%; padding:38px 0 0; color:#dfdfdf; text-align:center; border-top:2px solid #000000;}
.paginate a img{vertical-align:2px;}

.paging ul{display:inline-block; vertical-align:middle;}
.paging ul:after{content:''; display:block; clear:both;}
.paging ul li{float:left; margin-right:4px;}
.paging ul li a,
.paging ul li span{display:inline-block; margin:0 1.5px; position:relative;  width:34px; height:34px; text-align:center; color:#495057; font-size:15px; line-height:34px;  vertical-align:middle;}
.paging ul li span img{vertical-align:2px;}
.paging ul li.on a{background:blue; border-color:blue; color:blue;}
.paging ul li.active .current{width:34px; height:34px; color:#765BED !important; font-weight:normal; border:1px solid #d2d6d9;  border-radius:50%;}
.paging ul li.active .prev.current{background-color:#fff; border-color:#e5e5e5;}
.paging ul li.active .next.current{background-color:#fff; border-color:#e5e5e5;}
.paging ul li.disabled span{border:none;background:none;}

.paginate2{width:100%; padding:9px 0 5px 0; text-align:center;}
.paginate2 a img{vertical-align:2px;}
.paging2 ul{display:inline-block; vertical-align:middle;}
.paging2 ul:after{content:''; display:block; clear:both;}
.paging2 ul li{float:left; margin-right:4px;}
.paging2 ul li a,
.paging2 ul li span{display:inline-block; margin:0 3px; position:relative;   height:34px; text-align:center; color:#5b5b5b; font-size:12px; line-height:34px;  vertical-align:middle;}
.paging2 ul li span img{vertical-align:2px;}
.paging2 ul li.on a{background:blue; border-color:blue; color:blue;}
.paging2 ul li.active .current{height:34px; font-weight:normal; text-decoration:underline;}
.paging2 ul li.active .prev.current{background-color:#fff; border-color:#e5e5e5;}
.paging2 ul li.active .next.current{background-color:#fff; border-color:#e5e5e5;}
.paging2 ul li.disabled span{border:none;background:none;}

/*========== 아이콘 및 버튼 ========================*/
.icon-sort {display: inline-block; font-size: 13px; font-weight:400; color: #aeaeae; line-height: 19px; text-align: center; border: 1px solid #cdd2d2; border-radius: 10px; padding: 0 17px; background-color:#fff;}
.icon-num_round {display: inline-block; padding: 0; width: 34px; height: 33px; font-size: 15px; line-height: 33px; color: #383838; text-align: center; font-weight: 700; background: url('/images/brand/army/pc_2019/common/balloon2_2.png') no-repeat left top;}
.icon-num_round2 {display: inline-block; padding: 0; width:39px; height:38px; font-size: 20px; line-height: 38px; color: #765BED; text-align: center; font-weight: 700; background: url('/images/brand/army/pc_2019/common/balloon2_3.png') no-repeat left top;}
.icon-num_round3 {display: inline-block; padding: 0; width:26px; height:25px; font-size: 13px; line-height: 25px; color: #16263b; text-align: center; font-weight: 400; background: url('/images/brand/army/pc_2019/common/balloon2_4.png') no-repeat left top;}
.icon-finish {display: inline-block; font-size: 13px; font-weight:400; color: #16263b; line-height: 19px; border: 1px solid #16263b; border-radius: 10px; padding: 0 17px; text-align: center; background-color:#ffffff;}
.icon-event {display: inline-block; width:63px; font-size: 13px; font-weight:400; color: #ffffff; line-height: 19px; border: 1px solid #765BED; border-radius: 10px; padding: 0; text-align: center; background-color:#765BED;}
.icon-notice {display: inline-block; width:63px; font-size: 13px; font-weight:400; color: #ffffff; line-height: 19px; border: 1px solid #16263b; border-radius: 10px; padding: 0; text-align: center; background-color:#16263b;}
.icon-lock,.icon-lock_open {font-size:24px; color:#ee2d30; vertical-align:-4px; margin:0 13px 0 0;}
.icon-answer {font-size:24px; color:#765BED; vertical-align:-4px; margin:0 5px 0 0;}
.icon-yes_mv {display: inline-block; width:85px; font-size: 12px; font-weight:400; color: #ffffff; line-height: 19px; border: 1px solid #765BED; border-radius: 10px; padding: 0; text-align: center; vertical-align:1px; margin:0 0 0 5px; background-color:#765BED;}
.icon-confirm {display: inline-block; font-size: 13px; font-weight:400; color: #ee2d30; line-height: 19px; border: 1px solid #ee2d30; border-radius: 10px; text-align: center; vertical-align:1px; padding:0 10px; margin:0 0 0 5px; background-color:#ffffff;}

/* 라디오 */
.radio { line-height:17px;}
.radio input[type='radio'] {display: none; }
.radio input[type='radio'] + label::before {content: ' '; display: inline-block; width: 17px; height: 17px; vertical-align:-3px; margin:0 8px 0 0; background: url('/images/brand/army/pc_2019/common/radio.png');background-position: 0 0;}
.radio input[type='radio']:checked + label::before {background: url('/images/brand/army/pc_2019/common/radio.png'); background-position:  0 -17px;}
.radio label.on {color:#383838}

.radio2 input[type='radio'] {display: none; }
.radio2 input[type='radio'] + label::before {content: ' '; display: inline-block; width: 22px; height: 21px; vertical-align: top; margin:0 12px 0 0; background: url('/images/brand/army/pc_2019/common/radio2.png');background-position: 0 0;}
.radio2 input[type='radio']:checked + label::before {background: url('/images/brand/army/pc_2019/common/radio2.png'); background-position:  0 -21px;}

.radio3 input[type='radio'] {display: none; }
.radio3 input[type='radio'] + label::before {content: ' '; display: inline-block; width: 20px; height: 20px; vertical-align: top; margin:0 12px 0 0; background: url('/images/brand/army/pc_2019/common/checkbox3.png');background-position: 0 0;}
.radio3 input[type='radio']:checked + label::before {background: url('/images/brand/army/pc_2019/common/checkbox3.png'); background-position:  0 -20px;}
.radio3 input:checked + label {color:#ee2d30;}

.radio4 input[type='radio'] {display: none; }
.radio4 input[type='radio'] + label::before {content: ' '; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin:0 12px 0 0; background: url('/images/brand/army/pc_2019/common/checkbox3.png');background-position: 0 0;}
.radio4 input[type='radio']:checked + label::before {background: url('/images/brand/army/pc_2019/common/checkbox3.png'); background-position:  0 -20px;}
.radio4 input:checked + label {color:#ee2d30;}

.radio_mem input[type='radio'] {display: none; }
.radio_mem input[type='radio'] + label::after {content: ' '; display: block; width: 100px; height: 17px; vertical-align: top; margin:11px 0 0 0; background: url('/images/brand/army/pc_2019/common/radio.png') no-repeat;background-position: center top;}
.radio_mem input[type='radio']:checked + label::after {background: url('/images/brand/army/pc_2019/common/radio.png') no-repeat; background-position:  center -17px;}

/* 체크박스 */
.check input[type='checkbox'] {display: none; }
.check input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 15px; height: 15px; vertical-align: -1px; margin:0 13px 0 0;  background: url('/images/brand/army/pc_2019/common/checkbox.png');background-position: 0 0;}
.check input[type='checkbox']:checked + label::before {background: url('/images/brand/army/pc_2019/common/checkbox.png'); background-position:  0 -15px;}

.check2 input[type='checkbox'] {display: none; }
.check2 input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 20px; height: 20px; vertical-align: -4px; margin:0 10px 0 0;  background: url('/images/brand/army/pc_2019/common/checkbox3.png');background-position: 0 0;}
.check2 input[type='checkbox']:checked + label::before {background: url('/images/brand/army/pc_2019/common/checkbox3.png'); background-position:  0 -20px;color:#ee2d30}
.check2 input:checked + label {color:#ee2d30;}

.check_book input[type='checkbox'] {display: none; }
.check_book input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 18px; height:18px; vertical-align: -4px; margin:0;  background: url('/images/brand/army/pc_2019/common/checkbox_book.png');background-position: 0 0;}
.check_book input[type='checkbox']:checked + label::before {background: url('/images/brand/army/pc_2019/common/checkbox_book.png'); background-position:  0 -18px;}

.check_cal input[type='checkbox'] {display: none; }
.check_cal input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 13px; height: 13px; vertical-align: -1px; margin:0 6px 0 0;  background: url('/images/brand/army/pc_2019/common/checkbox5.png');background-position: 0 0;}
.check_cal input[type='checkbox']:checked + label::before {background: url('/images/brand/army/pc_2019/common/checkbox5.png'); background-position:  0 -13px;}

/*========== 게시판 글쓰기 ========================*/
.tbl_write_wrap {width:100%; margin:30px 0 0;}
.tbl_write {width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_write th {height:35px; padding:0 0 25px 25px; font-size:16px; font-weight:700; color:#383838; text-align:left; vertical-align:middle; }
.tbl_write td {height:35px; padding:0 25px 25px 0; font-size:15px; font-weight:500; color:#a1a1a1; vertical-align:middle;}
.tbl_write th.txt_line {height:16px; padding:0 0 25px 25px; font-size:16px; font-weight:700; color:#383838; text-align:left; vertical-align:middle; }
.tbl_write td.txt_line {height:16px; padding:0 25px 25px 0; font-size:15px; font-weight:500; color:#a1a1a1; vertical-align:middle;}
.tbl_write th.txt_file {height:16px; padding:5px 0 25px 25px; font-size:16px; font-weight:700; color:#383838; text-align:left; vertical-align:top; }
.tbl_write td.txt_file {height:16px; padding:0 25px 20px 0; font-size:15px; font-weight:500; color:#a1a1a1; vertical-align:middle;}
.tbl_write th.txt_cont {height:16px; padding:5px 0 25px 25px; font-size:16px; font-weight:700; color:#383838; text-align:left; vertical-align:top; }
.tbl_write td .check {margin:0 0 0 12px;}
.tbl_write td .radio {margin:0 60px 0 12px;}
.tbl_write td .file_box { padding:0 0 10px 0;}
.tbl_write td .notice { color:#545454; margin-left:20px;}
.tbl_write_wrap .txtarea_box {width:950px;}
.tbl_write_wrap .txtarea_box .txtarea_edit {visibility: hidden; display: none;}
.btn_file {display:inline-block; width:100px; height:35px; padding:0;  font-size:15px; line-height:35px; color:#000; font-weight: 500; text-align:center; vertical-align:-2px; background:#eee;}
.btn_file_add {display:inline-block; width:100px; height:35px; padding:0;  font-size:15px; line-height:35px; color:#fff; font-weight: 500; text-align:center; vertical-align:-2px; background:#16263b;}
.write_btnbox { display:block; text-align:center; margin-top:45px;}
.btn_write_save {display: inline-block; width: 144px; height: 35px; padding: 0; font-size: 16px; line-height: 35px; color: #fff; font-weight: 500; text-align: center; background: #16263b;}
.btn_write_cancel {display: inline-block; width: 142px; height: 33px; padding: 0; font-size: 16px; line-height: 33px; color: #16263b; font-weight: 500; text-align: center; border:1px solid #16263b; background: #fff;}

/*========== 게시판 내용보기 ========================*/
.tbl_view_wrap {width:100%; margin:15px 0 0;}
.tbl_view {width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_view .view_top { font-size:26px; font-weight:700; line-height:38px; color:#222222; text-align:center; border:1px solid #e5e5e5; padding:30px 40px; background-color:#fafafa;}
.tbl_view .view_top .icon-sort {display:block; width:100px; margin:0 auto 10px;}
.tbl_view .view_top .info {font-size:13px; line-height:20px; margin-top:10px;}
.tbl_view .view_top .info dt { display:inline-block; font-weight:700; color:#000000; margin-right:6px;}
.tbl_view .view_top .info dd { display:inline-block; font-weight:500; color:#888888; margin-right:20px;}
.tbl_view .view_cont { font-size:17px; color:#010101; line-height:27px; padding:30px 25px;}
.tbl_view .view_cont img {max-width:900px; display: block; margin: 0px auto}
.tbl_view .view_cont .file_box:after { content:""; display:block; clear:both; }
.tbl_view .view_cont .file_box i { vertical-align: -2px; width: 23px; height: 23px; text-align: center; font-size: 19px; line-height: 23px; margin: 0 9px 0 0; color: #fff; border-radius: 50%; background: #16263b;}
.tbl_view .view_cont .file_box a { display:inline-block; font-size: 13px; line-height: 33px; color: #16263b; border: 1px solid #16263b; padding: 0 10px; margin: 0 0 6px; background: #f7f7f7; white-space: nowrap;}
.tbl_view .view_cont .file_left {float:left; width:50%; text-align:left;}
.tbl_view .view_cont .file_right {float:right; /*width:50%;*/ text-align:right;}
.tbl_view .view_cont .p_txt {font-size: 16px; color: #010101; line-height: 27px; margin-top: 30px;}
.tbl_view .view_mov { padding:30px 25px 0;}
.tbl_view .view_mov_player {width:100%; overflow:hidden; box-sizing:border-box; padding-left:25px; margin:26px 0 39px;}
.tbl_view .view_mov_player li {display:inline-block;}
.tbl_view .view_mov_player li a {display:block; width:157px; height:30px; text-indent:-9999999px}
.tbl_view .view_mov_player .kollus a { background: url('/images/brand/army/pc_2019/common/view_kollus_off.png') no-repeat left top; }
.tbl_view .view_mov_player .kollus a.on { background: url('/images/brand/army/pc_2019/common/view_kollus_on.png') no-repeat left top; }
.tbl_view .view_mov_player .youtube a {width:117px;  background: url('/images/brand/army/pc_2019/common/view_youtube_off.png') no-repeat left top;  }
.tbl_view .view_mov_player .youtube a.on {width:117px;  background: url('/images/brand/army/pc_2019/common/view_youtube_on.png') no-repeat left top;  }
.tbl_view .view_mov_player .naver a {  background: url('/images/brand/army/pc_2019/common/view_naver_off.png') no-repeat left top; }
.tbl_view .view_mov_player .naver a.on {  background: url('/images/brand/army/pc_2019/common/view_naver_on.png') no-repeat left top; }
.tbl_view .view_mov_player .jw a { width:123px; background: url('/images/brand/army/pc_2019/common/view_jwplayer_off.png') no-repeat left top; }
.tbl_view .view_mov_player .jw a.on { width:123px; background: url('/images/brand/army/pc_2019/common/view_jwplayer_on.png') no-repeat left top; }
.tbl_view .view_answer {border: 1px solid #e5e5e5 ; border-bottom: 0;}
.tbl_view .view_answer dl { background: #f9f9f9; padding: 25px;}
.tbl_view .view_answer dl:after { content:""; display:block; clear:both; }
.tbl_view .view_answer dt {float:left; font-size: 18px; font-weight: 700; color: #222;  line-height: 160%; word-break: keep-all;}
.tbl_view .view_answer dd {float: right; font-size: 14px; font-weight: 500; color: #555555;  line-height: 160%; width: 220px;  text-align: right;}
.tbl_view .view_answer dd span {color: #949494; margin: 0 0px 0 10px;}
.tbl_view .view_answer .answer_txtbox { padding: 30px ; font-size: 16px; line-height: 25px; ; background: #fff; border-top: 1px dashed #ddd;  border-bottom: 1px dashed #ddd;}
.tbl_view .view_answer .answer_txtbox img {max-width: 800px;}
.tbl_view .view_answer .answer_txtbox .filedown { display:block; text-align:right; margin-top:10px;}
.tbl_view .view_answer .answer_txtbox .view_mov {padding: 30px 0 0;}
.tbl_view .view_answer .filedown a {display: inline-block; font-size: 13px; line-height: 33px; color: #16263b; border: 1px solid #16263b; padding: 0 10px; margin: 0 0 6px; background: #f7f7f7;}
.tbl_view .view_answer .filedown i { vertical-align: -2px; width: 23px; height: 23px; text-align: center; font-size: 19px; line-height: 23px; margin: 0 9px 0 0; color: #fff; border-radius: 50%; background: #16263b;}
.tbl_view .view_answer .view_answer_notice {position: relative; padding: 25px; font-size: 15px; line-height: 25px; color: #010101;}
.tbl_view .view_answer .view_answer_notice i { display: none; position: absolute; top: 31px; left: 30px; font-size: 25px; line-height: 26px; color: #000;}

.tbl_inner {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #000;}
.tbl_inner th { height:43px; font-size:15px; font-weight:700; color:#000; line-height:43px; text-align:center; border-bottom:1px solid #e1e4e6; background:#fbfbfb;}
.tbl_inner td { height:50px; font-size:15px; font-weight:400; color:#6b6b6b; text-align:center; border-right: 1px solid #e1e4e6; border-bottom:1px solid #e1e4e6;}
.tbl_inner td:last-child {border-right: none;}
.tbl_inner td.left {text-align:left; padding:0 20px;}

.view_btnbox { display:block; text-align:center; border-top:2px solid #464646; padding-top:35px;}
.btn_view_scrap {display: inline-block; width: 144px; height: 35px; padding: 0; font-size: 16px; line-height: 35px; color: #fff; font-weight: 500; text-align: center; background: #16263b;}
.btn_view_list {display: inline-block; width: 142px; height: 33px; padding: 0; font-size: 16px; line-height: 33px; color: #16263b; font-weight: 500; text-align: center; border:1px solid #16263b; background: #fff;}

/*========== 내용보기 댓글 ========================*/
.reply_top {overflow: hidden; padding: 0 25px; margin: 37px 0 0;}
.reply_top li {float: right; font-size: 18px; line-height: 19px; color: #424242;}
.reply_top li a {font-size: 18px; line-height: 19px; color: #424242;}
.reply_top li a i {margin: 0 0 0 10px; font-size: 25px; color: #000; vertical-align:-4px;}
.reply_top li:first-child {float: left; font-size: 18px; line-height: 19px; color: #424242;}
.reply_top li:first-child span { color: #765BED; font-weight: 500;}

.reply_wrap {width:900px; border:1px solid #e5e5e5; padding:24px; margin-top:14px;}
.reply_wrap:after { content:""; display:block; clear:both; }
.reply_writebox:after { content:""; display:block; clear:both; }
.reply_writebox textarea {float:left; width:770px; height: 90px; padding: 14px 15px;font-size:15px; line-height: 20px;color: #a1a1a1;font-weight: 500; box-sizing: border-box; border-right:none; background:#f7f7f7;}
.reply_writebox a {float:left; width:130px; height: 90px; font-size:15px; color:#fff; line-height:90px; text-align:center; background-color:#16263b;}
.reply_writebox_re {margin-top:15px;}
.reply_writebox_re:after { content:""; display:block; clear:both; }
.reply_writebox_re textarea {float:left; width:710px; height: 90px; padding: 14px 15px;font-size:15px; line-height: 20px;color: #a1a1a1;font-weight: 500; box-sizing: border-box; border-right:none; background:#f7f7f7;}
.reply_writebox_re a {float:left; width:100px; height: 90px; font-size:15px; color:#fff; line-height:90px; text-align:center; background-color:#16263b;}

.reply_txtbox01 {border-top: 1px solid #d5d5d5; padding:30px 0;}
.reply_txtbox01:first-child {border-top:none;}
.reply_txt01 dt, .reply_txt01 dd {float:left; line-height:50px;}
.reply_txt01 { position:relative; padding:0 10px 0 80px}
.reply_txt01:after { content:""; display:block; clear:both; }
.reply_txt01 .re_name {font-size:18px; font-weight:700; color:#383838; margin-right:10px;}
.reply_txt01 .re_writer span {display: inline-block; width:54px; font-size: 13px; font-weight:500; color: #aeaeae; line-height: 18px; text-align: center; border: 1px solid #cdd2d2; border-radius: 9px; margin-right:13px; background-color:#fff;}
.reply_txt01 .re_date {font-size:13px; font-weight:500; color:#888888; margin-right:26px;}
.reply_txt01 .re_cancel a {font-size:16px; font-weight:500; color:#383838;}
.reply_txt01 .re_edit {float:right;}
.reply_txt01 .re_edit2 {float:none;}
.reply_txt01 .re_edit span, .reply_txt01 .re_edit2 span {display: inline-block; width:54px; font-size: 13px; font-weight:500; color: #aeaeae; line-height: 18px; text-align: center; border: 1px solid #cdd2d2; border-radius: 9px; margin-left:6px; background-color:#fff;}
.reply_txt01 .re_thum {position:absolute; top:0; left:15px;}
.reply_txt01 .re_thum img { width:50px; height:50px; border-radius:50%; overflow:hidden;}
.reply_txt01 .reply_cont {clear:both; font-size:17px; font-weight:500; color:#535353; line-height:23px; word-break:keep-all; word-wrap:break-word; padding-right:15px;}

.reply_txtbox02 {border-top: 1px dashed #d5d5d5; padding:20px 0 30px; margin:0 0 0 80px;}
.reply_txt02 dt, .reply_txt02 dd {float:left; line-height:38px;}
.reply_txt02 { position:relative; padding:0 10px 0 70px}
.reply_txt02:after { content:""; display:block; clear:both; }
.reply_txt02 .re_name {font-size:18px; font-weight:700; color:#383838; margin-right:10px;}
.reply_txt02 .re_writer span {display: inline-block; width:54px; font-size: 13px; font-weight:500; color: #aeaeae; line-height: 18px; text-align: center; border: 1px solid #cdd2d2; border-radius: 9px; margin-right:13px; background-color:#fff;}
.reply_txt02 .re_date {font-size:13px; font-weight:500; color:#888888; margin-right:26px;}
.reply_txt02 .re_cancel a {font-size:16px; font-weight:500; color:#383838;}
.reply_txt02 .re_edit {float:right;}
.reply_txt02 .re_edit span {display: inline-block; width:54px; font-size: 13px; font-weight:500; color: #aeaeae; line-height: 18px; text-align: center; border: 1px solid #cdd2d2; border-radius: 9px; margin-left:6px; background-color:#fff;}
.reply_txt02 .re_thum {position:absolute; top:0; left:0; width:68px; height:38px; }
.reply_txt02 .re_thum i {font-size:20px; color:#8b8b8b; line-height:38px;}
.reply_txt02 .re_thum img {width:38px; height:38px; border-radius:50%; overflow:hidden;}
.reply_txt02 .reply_cont {clear:both; font-size:17px; font-weight:500; color:#535353; line-height:23px; word-break:keep-all; word-wrap:break-word; padding-right:15px;}
.reply_txt02 .reply_cont span {font-size:18px; font-weight:700; color:#383838; margin-right:10px;}

.reply_wrap2 {width:900px; border:1px solid #e5e5e5; padding:0 24px 30px; margin-top:50px; background:#f7f7f7;}
.reply_wrap2:after { content:""; display:block; clear:both; }
.reply_input {overflow:hidden; width:900px; height:49px; margin-bottom:10px; background:#16263b}
.reply_input dt {float:left; width:280px; font-size:23px; line-height:49px; color:#fff; font-weight: 700; text-align:center; background:#765bed;}
.reply_input dd {float:left; font-size:16px; line-height:49px; color:#a4a4a4; padding-left:30px;}


/*========== 게시판 갤러리형 ========================*/
.gal_list_wrap {width:100%; overflow:hidden; margin:25px 0 0 0;}
.gal_list_wrap:after { content:""; display:block; clear:both; }
.gal_list_box {width:980px;}
.gal_list_box li {float:left; width:325px; margin:10px 0 25px 0;}
.gal_list_box li a {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gal_list_box li a:hover { border:1px solid #b6b6b6; -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); -webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);}
.gal_type01 a { position:relative;display:block; width:300px; height:270px; border:1px solid #e5e5e5; background-color:#fafafa; box-sizing:border-box;}
.gal_type01 img {width:298px; height:168px; border-bottom:1px solid #e5e5e5;}
.gal_type01 .txt_box {padding:11px 15px 0 15px;}
.gal_type01 .txt_box p { font-size:15px; font-weight:500; color:#383838; line-height:22px; text-align:left; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; margin:0 0 10px 0;}
/*.gal_type01 .txt_box p:after {content:'...'; position:absolute; right:0; bottom:0; background:#fafafa; padding-left:5px;}*/
.gal_type01 .txt_box dl {font-size:12px; color:#383838;}
.gal_type01 .txt_box dl dt { display:inline-block; font-weight:700; color:#000000; margin:0 0 0 13px;}
.gal_type01 .txt_box dl dt:first-child {margin:0}
.gal_type01 .txt_box dl dd { display:inline-block; font-weight:500; color:#888888; margin:0 0 0 2px;}

.gal_type02 a { position:relative;display:block; width:300px; height:200px; border:1px solid #e5e5e5; box-sizing:border-box;}
.gal_type02 img {width:298px; height:198px;}
.gal_type02 .txt_box { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.7)}
.gal_type02 .txt_box p.subject {font-size:15px; font-weight:500; color:#fff; line-height:26px; text-align:center;  height:80px; overflow:hidden; margin:42px 0 0;}
.gal_type02 .txt_box p.date {font-size:15px; font-weight:500; color:#888888; text-align:center; margin:12px 0 0;}

.gal_type03 a { position:relative;display:block; width:300px; height:320px; border:1px solid #e5e5e5; background-color:#fafafa; box-sizing:border-box;}
.gal_type03 img {width:298px; height:198px; border-bottom:1px solid #e5e5e5;}
.gal_type03 .info { position:absolute; top:169px; left:0; width:100%; height:30px; font-size:13px; color:#fff; line-height:30px; background:rgba(000,000,000,0.7)}
.gal_type03 .info:after { content:""; display:block; clear:both; }
.gal_type03 .info .date {float:left; padding-left:12px;}
.gal_type03 .info .comment {float:right; padding-right:16px;}
.gal_type03 .info .comment i {margin:0 7px 0 9px;}
.gal_type03 .info .comment .hart { color:#ee2d30;}
.gal_type03 .txt_box {padding:11px 15px 0 15px;}
.gal_type03 .txt_box p { position:relative; font-size:15px; font-weight:500; color:#383838; line-height:22px; text-align:left; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; margin:0 0 22px 0;}
/*.gal_type03 .txt_box p:after {content:'...'; position:absolute; right:0; bottom:0; background:#fafafa; padding-left:5px;}*/
.gal_type03 .txt_box .group span.icon-sort {color:#535353; font-weight:500; margin:0 10px 0 0;}

.gal_type04_list {width:325px; margin:10px 0 25px 0;}
.gal_type04_list a {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gal_type04_list a:hover { border:1px solid #b6b6b6; -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); -webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);}
.gal_type04_01 a { position:relative;display:block; width:300px; height:165px; border:1px solid #e5e5e5; box-sizing:border-box; padding:17px 15px 0 15px; background-color:#765BED;}
.gal_type04_01 dt {font-size:40px; font-weight:500; color:#fff; line-height:38px; margin-bottom:14px;}
.gal_type04_01 dt span {float:right}
.gal_type04_01 dd.cont {font-size:16px; color:#fff; line-height:22px; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; margin-bottom:12px;}
.gal_type04_01 dd.date {font-size:12px; color:#fff;}
.gal_type04_01 dd.date span {float:right}

.gal_type04_02 a { position:relative;display:block; width:300px; height:250px; border:1px solid #e5e5e5; box-sizing:border-box;}
.gal_type04_02 img {width:298px; height:248px;}
.gal_type04_02 .txt_box { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.7)}
.gal_type04_02 .txt_box p {font-size:18px; font-weight:500; color:#fff; line-height:26px; text-align:center;margin:85px 0 0;}

.gal_type04_03 a { position:relative;display:block; width:300px; height:330px; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fafafa;}
.gal_type04_03 .txt_box { height:160px; box-sizing:border-box; padding:17px 15px 0 15px;}
.gal_type04_03 .txt_box dt {font-size:23px; font-weight:500; color:#383838; line-height:25px; margin-bottom:8px;}
.gal_type04_03 .txt_box dt span.subject {max-width:90%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.gal_type04_03 .txt_box dt img {vertical-align:3px;}
.gal_type04_03 .txt_box dd.cont {font-size:15px; color:#a1a1a1; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; margin-bottom:11px;}
.gal_type04_03 .txt_box dd.date {font-size:12px; color:#a1a1a1;}
.gal_type04_03 .txt_box dd.date span {float:right}
.gal_type04_03 .pic {border-top:1px solid #e5e5e5;}
.gal_type04_03 .pic img {width:298px; height:167px;}

.gal_type04_04 a { position:relative;display:block; width:300px; height:330px; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fafafa;}
.gal_type04_04 .txt_box { height:160px; box-sizing:border-box; padding:17px 15px 0 15px;}
.gal_type04_04 .txt_box dt {font-size:23px; font-weight:500; color:#383838; line-height:25px; margin-bottom:8px;}
.gal_type04_04 .txt_box dt span.subject {max-width:80%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.gal_type04_04 .txt_box dt span.icon-num_round3 {float:right; margin-top:1px;}
.gal_type04_04 .txt_box dt img {vertical-align:3px;}
.gal_type04_04 .txt_box dd.cont {font-size:15px; color:#a1a1a1; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; margin-bottom:11px;}
.gal_type04_04 .txt_box dd.date {font-size:12px; color:#a1a1a1;}
.gal_type04_04 .pic {position:relative; border-top:1px solid #e5e5e5;}
.gal_type04_04 .pic img {width:298px; height:167px;}
.gal_type04_04 .pic .mov {position:absolute; top:0; left:0; width:100%; height:100%; font-size:50px; color:#fff; text-align:center; padding-top:56px; box-sizing:border-box; background:rgba(000,000,000,0.7)}

.gal_type04_05 a { position:relative;display:block; width:300px; height:162px; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fafafa;}
.gal_type04_05 .txt_box { height:160px; box-sizing:border-box; padding:17px 15px 0 15px;}
.gal_type04_05 .txt_box dt {font-size:23px; font-weight:500; color:#383838; line-height:25px; margin-bottom:8px;}
.gal_type04_05 .txt_box dt span.subject {max-width:90%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.gal_type04_05 .txt_box dt img {vertical-align:3px;}
.gal_type04_05 .txt_box dd.cont {font-size:15px; color:#a1a1a1; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; margin-bottom:11px;}
.gal_type04_05 .txt_box dd.date {font-size:12px; color:#a1a1a1;}

.gal_type04_06 a { position:relative;display:block; width:300px; height:162px; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fafafa;}
.gal_type04_06 .txt_box { height:160px; box-sizing:border-box; padding:17px 15px 0 15px;}
.gal_type04_06 .txt_box dt {font-size:23px; font-weight:500; color:#383838; line-height:25px; margin-bottom:8px;}
.gal_type04_06 .txt_box dt span.subject {max-width:75%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.gal_type04_06 .txt_box dt span.reply { display:inline-block; font-size:14px; font-weight:400; color:#888888; vertical-align:5px; margin-right:3px;}
.gal_type04_06 .txt_box dt img {vertical-align:3px;}
.gal_type04_06 .txt_box dd.cont {font-size:15px; color:#a1a1a1; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; margin-bottom:11px;}
.gal_type04_06 .txt_box dd.date {font-size:12px; color:#a1a1a1;}

.gal_type04_07 a { position:relative;display:block; width:300px; height:200px; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fafafa;}
.gal_type04_07 img {width:300px; height:200px;}

/*========== 게시판 블로그형 ========================*/
.blog_list_wrap {width:100%; overflow:hidden; margin:35px 0 0 0;}
.blog_list_wrap:after { content:""; display:block; clear:both; }
.blog_list_box li {position:relative; border-bottom:1px solid #d5d5d5; margin-bottom:33px;}
.blog_list_box li a { display:block;}
.blog_type01 {width:100%; box-sizing:border-box; padding:0 0 35px 270px;}
.blog_type01:last-child {border:none; margin:0;}
.blog_type01 .title {font-size:23px; font-weight:500; color:#383838; line-height:25px; margin:0px 0 8px 0;}
.blog_type01 .title span {max-width:80%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.blog_type01 .title img {vertical-align:4px;}
.blog_type01 .cont {font-size:14px; color:#a1a1a1; line-height:21px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; margin-bottom:13px;}
.blog_type01 .answer { position:absolute; top:2px; right:0;}
.blog_type01 .group span {margin-right:10px;}
.blog_type01 .info { position:absolute; top:120px; right:0; font-size:12px; font-weight:500; color:#888888;}
.blog_type01 .info span { font-weight:700; color:#000000; margin:0 5px 0 15px;}
.blog_type01 .pic {position:absolute; top:2px; left:0;}
.blog_type01 .pic img {width:240px; height:135px;}
.blog_type01 .pic .mov {position:absolute; top:0; left:0; width:100%; height:100%; font-size:50px; color:#fff; text-align:center; padding-top:46px; box-sizing:border-box; background:rgba(000,000,000,0.5)}

.blog_type02 { float:left; width:50%; box-sizing:border-box; padding:0 40px 35px 200px;}
.blog_type02.bp_none {border-bottom:none; margin-bottom:0;}
.blog_type02 a {width:100%;box-sizing:border-box; }
.blog_type02 .title {font-size:23px; font-weight:500; color:#383838; line-height:23px; margin:0px 0 9px 0;}
.blog_type02 .title span {max-width:90%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.blog_type02 .title img {vertical-align:4px;}
.blog_type02 .cont {font-size:14px; color:#a1a1a1; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; margin-bottom:15px;}
.blog_type02 .info {font-size:12px; font-weight:700; color:#000000; line-height:12px;}
.blog_type02 .info span { font-weight:500; color:#888888; margin:0 15px 0 5px;}
.blog_type02 .pic {position:absolute; top:2px; left:0;}
.blog_type02 .pic img {width:180px; height:100px;}
.blog_type02 .pic .mov { display:none; position:absolute; top:0; left:0; width:100%; height:100%; font-size:40px; color:#fff; text-align:center; padding-top:26px; box-sizing:border-box; background:rgba(000,000,000,0.5)}
.blog_type02 .pic:hover .mov {display:block;}
.blog_type02 .pic .mov span { display:block; font-size:12px;}


.common_file_box { padding:20px 0 10px 0;}
.common_file_box:after { content:""; display:block; clear:both; }
.common_file_box i { vertical-align: -2px; width: 23px; height: 23px; text-align: center; font-size: 19px; line-height: 23px; margin: 0 9px 0 0; color: #fff; border-radius: 50%; background: #16263b;}
.common_file_box a { display:inline-block; font-size: 13px; line-height: 33px; color: #16263b; border: 1px solid #16263b; padding: 0 10px; margin: 0 0 6px; background: #f7f7f7;}
.common_file_left {float:left; width:50%; text-align:left;}
.common_file_right {float:right; width:50%; text-align:right;}


.common_view_subtitle {display:block;font-weight:500;color:#888888;font-size:13px;line-height:26px;}