/************************************************************
*
* 공통 CSS
*
************************************************************/
/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* Roboto-black - latin_korean */
@font-face {
    font-family: 'Roboto';
	font-style: normal;
  	font-weight: 100;
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
}
/* Roboto-black - latin_korean */
@font-face {
    font-family: 'Roboto';
	font-style: normal;
  	font-weight: 300;
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
}
/* Roboto-black - latin_korean */
@font-face {
    font-family: 'Roboto';
	font-style: normal;
  	font-weight: 400;
    src: url('../fonts/Roboto-Reqular.ttf') format('truetype');
}
/* Roboto-black - latin_korean */
@font-face {
    font-family: 'Roboto';
	font-style: normal;
  	font-weight: 500;
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}
/* Roboto-black - latin_korean */
@font-face {
    font-family: 'Roboto';
	font-style: normal;
  	font-weight: 700;
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}
/* Roboto-black - latin_korean */
@font-face {
    font-family: 'Roboto';
	font-style: normal;
  	font-weight: 900;
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'twayair';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {margin:0; padding:0; border:0; font-size:16px; color:#333; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; }
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none;}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
html,body { width:100%; height:100%; min-width:1600px;}
/* input 기본 스타일 초기화 */
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing:border-box; border-radius:0; box-shadow:none;}
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }
input::placeholder {color:#999; font-size:14px;}
/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; box-shadow:none;}
input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
select::-ms-expand {display:none}
.wrap {width:100%; position: relative; background-color:#fff; }
.inner {width:1200px; margin: auto;}
/**** 공통 CSS END ****/


/************************************************************
*
* header CSS
*
************************************************************/
.header {width:100%; position: fixed; top:0; left:0; z-index:999; min-width:1600px; transition: 0.3s;}
.header::after {content:""; width:0; height:1px; background:rgba(255,255,255,0.5); position:absolute; bottom:-1px; left:50%; transform: translateX(-50%); transition: 0.3s;}
.header.active::after {width:100%; transition:0.8s;}
.header.active2::after {width:100%; transition:0s;}
.header.on {background-color:#fff; transition: 0.3s;}
.header.on::after {background-color:#dfdfdf; transition: 0.3s;}
.header.on2 {background-color:#fff;}
.header.on2::after {background-color:#dfdfdf;}
.header .headerInner {overflow: hidden; opacity:0;}
.header.active .headerInner {transition:0.6s; transition-delay:1.4s; opacity:1;}
.header.active2 .headerInner { opacity:1;}

.header .headerInner p { font-family: 'twayair',sans-serif; font-size:33px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:85px; float:left;}
.header .headerInner ul {float:right; overflow: hidden;}
.header .headerInner ul li {float:left;}
.header .headerInner ul li a {font-size:19px; color:#fff; font-weight:500; letter-spacing:-0.025em; line-height:23px; transition:all 0.2s; padding:31px 50px; display: block; position:relative;}
.header .headerInner ul li a::before {content:""; width:0; height:4px; background-color:#5492F9; position:absolute; bottom:-1px; left:0; transition:all 0.3s;}
.header.on .headerInner p {color:#222;}
.header.on .headerInner ul li a {color:#222;}

.header .headerInner ul li.on a {color:#5492F9; opacity:1;}
.header .headerInner ul li.on a::before {width:100%;}


.right_quick {position: fixed; width: 60px; left: 12%; top: 50%; transform: translate(-50%);}
.right_quick ul {width:60px; overflow: hidden;}
.right_quick ul li{margin-bottom:10px;}
.right_quick ul li div.kakaoBtn{width: 60px;
    height: 60px;
    border-radius: 100%;
    z-index: 99;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.025em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 13px;
    background-color: #fce000;
    transition: all 0.5s;
}
.kakaoBtn a {color: #fff;  font-size: 16px;  line-height: 1.2;}
.right_quick ul li div.requestBtn{width: 60px;
    height: 60px;
    border-radius: 100%;
    z-index: 99;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.025em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 13px;
    background-color: rgba(84,146,249,1);
    transition: all 0.5s;
}
.requestBtn a {color: #fff;  font-size: 16px;  line-height: 1.2;}

.right_quick ul li div.revBtn{width: 60px;
    height: 60px;
    border-radius: 100%;
    z-index: 99;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.025em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 13px;
    background-color: rgba(84,146,249,1);
    transition: all 0.5s;
}
.revBtn a {color: #fff;  font-size: 16px;  line-height: 1.2;}

.right_quick ul li:last-child{margin-bottom:0px;}

.sub_gnb_wrap {width:100%; position:fixed; top:85px; background-color:#fff; z-index:999; display:none; border-top:1px solid #e0e0e0; box-shadow:0px 5px 3px rgba(0,0,0,0.05);}
.sub_gnb_wrap .inner {overflow:hidden;}
.sub_gnb_wrap .inner .sgTitle span {display:block; font-size:18px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:22px; margin-top:10px;}
.sub_gnb_wrap .inner .sgInner {width:690px; float:right; display:table;}
.sub_gnb_wrap .inner .sgInner ul {display: table-cell; vertical-align: top; text-align: center; padding:30px 0;}
.sub_gnb_wrap .inner .sgInner ul:nth-child(1) {width:168px;}
.sub_gnb_wrap .inner .sgInner ul:nth-child(2) {width:168px;}
.sub_gnb_wrap .inner .sgInner ul:nth-child(3) {width:186px;}
.sub_gnb_wrap .inner .sgInner ul:nth-child(4) {width:168px;}

.sub_gnb_wrap .inner .sgInner ul li {width:100%; margin-bottom:15px;}
.sub_gnb_wrap .inner .sgInner ul li:last-child {margin-bottom:0;}
.sub_gnb_wrap .inner .sgInner ul li a {font-size:17px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:22px; transition:all 0.2s;}
.sub_gnb_wrap .inner .sgInner ul li a:hover {color:#5492F9;}
/**** header END ****/


.left_nav_box {width:9px; position:fixed; top:50%; left:40px; z-index:999; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.left_nav_box .dot {width:9px; height:9px; margin-bottom:10px; position:relative;}
.left_nav_box .dot:last-child {margin-bottom:0;}
.left_nav_box .dot div {width:6px; height:6px; background-color:#fff; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin: auto; transition:all 0.2s; cursor: pointer; position:absolute; top:50%; left:50%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.left_nav_box .dot div:hover {opacity:0.6;}
.left_nav_box .dot.on div {width:10px; height:10px; background:none; border:2px solid #fff; opacity:1;}

.left_nav_box.on .dot div {background-color:#5492F9;}
.left_nav_box.on .dot.on div {border:2px solid #5492F9; background:none;}


.footer {width:100%; background-color:#17171F;}
.footer .copyright {position:relative; padding:60px 0px; padding-bottom:72px;}
.footer .copyright p {font-family: 'twayair',sans-serif; font-size:33px; color:#A7A8A9; font-weight:400; letter-spacing:-0.025em; line-height:37px; margin-bottom:20px;}
.footer .copyright span {display: block; font-size:15px; color:#ddd; font-weight:300; letter-spacing:-0.05em; line-height:30px;}
.footer .copyright span b {font-size:15px; color:#fff; font-weight:300; margin-right:10px;}
.footer .copyright span strong {font-size:15px; color:#fff; font-weight:300;}
.footer .copyright span font {font-size:15px; color:#414149; font-weight:300; margin:0px 8px;}
.footer .copyright .copy_right_box {width:220px; position:absolute; top:60px; right:0; overflow: hidden;}
.footer .copyright .copy_right_box .topBtn {float:right; cursor: pointer;}
.footer .copyright .copy_right_box .topBtn b {font-family: 'twayair',sans-serif; font-size:20px; color:#A7A8A9; font-weight:400; line-height:24px; transition: all 0.2s;}
.footer .copyright .copy_right_box .topBtn strong {font-size:14px; color:#A7A8A9; font-weight:400; margin-left:5px; line-height:24px; transition: all 0.2s;}
.footer .copyright .copy_right_box .topBtn:hover b {color:#fff;}
.footer .copyright .copy_right_box .topBtn:hover strong {color:#fff;}

.footer .copyright .copy_right_box img {display: block; margin-top:20px; clear: both; float:left;}


.sub_visual {width:100%; height:300px; position:relative; z-index:1; overflow: hidden;}
.sub_visual img {min-width:1920px; width:100%;}
.sub_visual p {position:absolute; top:167px; left:0; font-family: 'twayair',sans-serif; text-align: center; font-size:50px; color:#fff; font-weight:400; letter-spacing:-0.05em; line-height:54px; width:100%;}

.section {width:100%; }

.nav {width:100%; border-bottom:1px solid #e0e0e0; position:relative; z-index:99;}
.nav .navInner {height:60px;}
.nav .navInner .home {width:60px; height:60px; float:left; background-image:url("../img/common/home.png"); background-repeat: no-repeat; background-position:center; background-color:#5492F9; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; transition:all 0.2s;}
.nav .navInner .home:hover {background-color:#4478cf;}
.nav .navInner .depth {width:210px; float:left; position:relative;}
.nav .navInner .depth::after {content:""; width:1px; height:100%; background-color:#e0e0e0; position:absolute; top:0; right:0; z-index:3;}
.nav .navInner .depth .depthTitle {width:100%; height:60px; padding:0px 20px; position:relative; cursor: pointer; z-index:2; background-color:#fff;}
.nav .navInner .depth .depthTitle p {font-size:16px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:60px; transition:all 0.3s;}
.nav .navInner .depth .depthTitle:hover p {color:#5492F9;}
.nav .navInner .depth .depthTitle div { background-image:url("../img/common/navArrow.png"); width:13px; height:9px; position:absolute; top:50%; right:20px; margin-top:-5px; transition:all 0.3s;}
.nav .navInner .depth .depthTitle:hover div {background-image:url("../img/common/navArrow_on.png");}
.nav .navInner .depth .depthTitle.on div {-ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

.nav .navInner .depth .depthTitleNone {width:100%; height:60px; padding:0px 20px; position:relative; z-index:2; background-color:#fff;}
.nav .navInner .depth .depthTitleNone p {font-size:16px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:60px; transition:all 0.3s;}

.nav .navInner .depth ul {width:calc(100% + 1px); left:-1px; position:absolute; top:61px; border:1px solid #e0e0e0; border-top:0; display:none; box-shadow:0px 2px 10px rgba(0,0,0,0.15); z-index:1; background-color:#fff;}
.nav .navInner .depth ul li {width:100%; border-bottom:1px solid #e0e0e0; transition:all 0.2s;}
.nav .navInner .depth ul li:hover {background-color:#f8f8f8;}
.nav .navInner .depth ul li:last-child {border-bottom:0;}
.nav .navInner .depth ul li div {width:100%; padding:14px 20px; font-size:14px; color:#777; background-image:url("../img/common/navArrow2.png"); background-position:right 20px center; background-repeat: no-repeat;}

p.subTitle {font-family: 'twayair',sans-serif; font-size:36px; color:#58585b; font-weight:400; letter-spacing:-0.05em; line-height:40px; padding:45px 0px; text-align: center;}


.candidate_form table {width: 100%; table-layout: fixed; margin:0 auto; border-top: solid 2px #888;}
.candidate_form table tr th {padding:12px 16px; background-color:#f9f9f9; border-bottom:1px solid #dfdfdf; text-align:left; font-size:16px; color:#333; font-weight:400; letter-spacing:-0.025em;}
.candidate_form table tr td {padding:12px 16px; border-bottom:1px solid #dfdfdf;  text-align:left; font-size:16px; color:#333;}

.candidate_form table tr td input {width:400px; height:36px; border:1px solid #dfdfdf; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:0px 15px; font-size:16px; color:#5b5b5b; font-weight:400; letter-spacing:-0.025em;}
.candidate_form table tr td input::placeholder {font-size:13px; color:#afafaf; font-weight:400;}
.candidate_form table tr td input::-moz-placeholder {font-size:13px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}
.candidate_form table tr td input:-ms-input-placeholder {font-size:13px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}
.candidate_form table tr td input::-webkit-input-placeholder {font-size:13px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}

.candidate_form table tr td textarea {width:100%; height:150px; border:1px solid #dfdfdf; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:0px 15px; font-size:16px; color:#5b5b5b; font-weight:400;}
.candidate_form table tr td select {width:120px; height:36px; border:1px solid #dfdfdf; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:0px 15px; font-size:16px; color:#5b5b5b; font-weight:400; letter-spacing:-0.025em;}

.candidate_form table tr td div.chk_box {display: inline-block;}
.candidate_form table tr td div.chk_box label {display: block;float:left;overflow: hidden; margin-left: 16px; cursor: pointer;}
.candidate_form table tr td div.chk_box label input[name=""] {
    width: 16px;
    height: 16px;
    background: url("../img/common/radio_off.png") left top no-repeat;
    float: left;
	margin-right: 6px;
	padding-left: 2px;
    margin-top: 3px;
	border: 0px;
}

.candidate_form table tr td div.chk_box label input[name=""]:checked {
    width: 16px;
    height: 16px;
    float: left;
    background: url("../img/common/radio_on.png") left top no-repeat;
	border: 0px;
	margin-right: 6px;
	padding-left: 2px;
}

.candidate_form table tr td div.chk_box label b {
    font-size: 16px;
    color: #58585b;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 20px;
    float: left;
    transition: all 0.2s;
}

.candidate_form table tr td div.chk_box input[type="checkbox"] {
  width:20px; 
  height:20px; 
  background:url("../img/common/chk_off.png") left top no-repeat;
  float:left; 
  margin-right:8px; 
  padding: 0px;
  margin-left: 12px;
  margin-top: 4px;
  border: 0px;
  border-radius: 0px;
}
.candidate_form table tr td div.chk_box input[type="checkbox"]:checked {
   background:url("../img/common/chk_on.png") left top no-repeat;
   width:20px; 
   height:20px; 
   float:left; 
   margin-right:8px; 
   padding: 0px;
   margin-left: 12px;
   margin-top: 4px;
   border: 0px;
   border-radius: 0px;
 }


.candidate_form table tr td div.chk_box label:hover b {color: #999;}

.candidate_form .cominput{width: 260px;}
.candidate_form .homeinput{width: 460px;}
.candidate_form .contacinput{width: 160px;}
.candidate_form .telinput{width: 260px;}
.candidate_form .subjectinput{width: 100%;}
.candidate_form .passinput{width: 100%;}

.files {width:100%!important; height:36px!important;  border:0px!important;}

.autoWrite {width:100%;}
.autoWrite #ff {width:120px; height:40px; border:1px solid #ddd; text-align: center; line-height: 40px; display: inline-block; vertical-align: middle; font-size:20px; font-weight:600; margin-bottom:8px;background-color:#eee; margin-right:5px;}
.autoWrite input {width:120px!important; display: inline-block; vertical-align: middle; margin-bottom:8px;border:1px solid #ddd !important; }
.autoWrite p {font-size:12px; color:#666; word-break: keep-all;}


.pass {width:100%; padding-top:60px;}
.passForm {width:450px; border:1px solid #d7d7d7; margin: auto; padding:40px; text-align: center; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;  border-radius:20px;}
.passForm p.passTit {font-size:26px; padding:0px 20px; padding-bottom:10px; font-weight:600; color:#333; border-bottom:2px solid #5492F9; display: inline-block; margin-bottom:40px;}

.passForm input[type=password] {width:220px; height:34px; border:1px solid #d7d7d7; padding-left:10px; font-size:14px; color:#666;}

input.passOkBtn {width:220px; background-color:#5492F9; height:32px; color:#fff; font-size:14px; cursor:pointer; margin-top:10px;}

div.pCancel {width:100%; padding-top:20px;}
div.pCancel p:first-child{font-size:10px; color:#666; display: inline-block; vertical-align: middle;}
div.pCancel p:last-child{font-size:14px; color:#666; display: inline-block; vertical-align: middle; margin-left:8px;}
div.pCancel a:hover p {color:#5492F9; transition:0.3s;}

span.reply {color:#ff0000!important;}


/** 답변글 **/
.comment {width: 100%; margin: 0 auto; padding: 16px; border: solid 1px #ccc; margin-top: 42px;}
.comment .comt_re {padding-bottom: 12px;}
.comment .comt_re ul{overflow: hidden;}
.comment .comt_re ul li{float: left; margin-right: 18px;}
.comment .comt_re ul li p{display: inline-block; font-weight: 600; margin-right: 14px;}
.comment .comt_txt {padding: 14px 0px; border-top: solid 1px #ddd; font-size: 15px; word-break: keep-all;}
.replyBox {border-radius: 5px; background-color: #f7f7f7; padding: 16px; margin-top: 2px;}
.replyBox div.replysBox {overflow: hidden; position: relative; font-size: 14px;}
.replyBox p {display: inline-block; margin-right: 12px; font-size: 14px;}
.replyBox span {font-size: 14px;}
.replyEdit {position: absolute; right: 0px; top: 0px; font-size: 14px;}
.reply_comt {padding: 14px 0px; font-size: 14px;}

.commentWrite {width: 100%; margin: 0 auto; margin-top: 22px;}
.commentWrite table {width: 100%; table-layout: fixed; background-color:#f8f8f8;}
.commentWrite table tr td {padding:12px;}
.commentWrite table tr td textarea {display: inline-block; vertical-align: bottom; width:80%; height:70px; border: solid 1px #d9d9d9; padding:12px; margin-right: 10px; border-radius: 5px; font-size:14px;}
.commentWrite table tr td input.reply_btn {display: inline-block; width:18%; height:70px; padding: 8px 38px; text-align: center; font-size:15px; color:#fff; background-color:#333!important; border-radius: 5px;}