/* 01.subVisual */
div#subVisual {height: 300px; background: url(/resources/img/subVisual_bg.jpg) center no-repeat; background-size: cover; color: #fff; text-shadow: 1px 2px 2px #000; width: 100%; text-align: center;}
div#subVisual>div {display: inline-block; text-align: left; margin-top: 110px;}
div#subVisual h2 {margin: 0;}
div#subVisual p {font-size: 17px; line-height: 30px; margin-top: 25px;}

/* 02.qMenu_sub */
aside#qMenu_sub {background: rgba(255,255,255,0.9);; border: 1px solid #004986; text-align: center; width: 120px; box-shadow: 1px 2px 2px #555; position:absolute; top: 430px; right: 20px; z-index: 9996;}
aside#qMenu_sub h3 {background: #004986; color: #fff; margin: 0; padding: 10px 0;}
aside#qMenu_sub img {display: block; margin: auto; width: 40px;}
aside#qMenu_sub a {display: block; border-bottom: 1px solid #004986; margin: 12px auto; width: 90%; font-weight: bold; font-size: 15px; padding: 0px 0 15px; letter-spacing: -1.5px;}
aside#qMenu_sub a:last-child {border-bottom: none;}

/* 03.contentsWrap */
div#contentsWrap {min-height: 850px;}
div.sub_right {width: 1250px; float: right;}

/* 04.subPage_menu */
div#subPage_menu {width: 220px; float: left;}
div#subPage_menu h3 {margin: 0; background: #004986; color: #fff; text-align: center; padding: 60px 0; font-size: 24px; letter-spacing: 2px;}
div#subPage_menu li {line-height: 60px; /*transition: 0.3s ease background;*/}
div#subPage_menu li a.on {background: #3b5368;}
div#subPage_menu a {display: block; font-size: 17px; font-weight: bold; /*transition: 0.3s ease color;*/ border-bottom: 1px solid #434343; padding: 0 20px;}
div#subPage_menu li a.on {color: #fff;}
span.subM_arrow {float: right; color: #fff; transition: 0.5s ease transform;}
div#subPage_menu li:hover span.subM_arrow {transform: rotate(360deg);}
div#subPage_menu li ul.smenu a {padding-left:40px;font-size:15px;font-weight:normal;color:#333;}
div#subPage_menu li ul.smenu a:before {content:' · ';}
div#subPage_menu li ul.smenu a:hover, div#subPage_menu li ul.smenu a.on {background:none;color:#004986;font-weight:bold;}

/* 05.contentsTop */
div#contentsTop {border-bottom: 1px solid #191919; position: relative; padding-top: 60px;}
div#contentsTop h2 {color: #004986; font-size: 31px;}
div.contents_location {position: absolute; bottom: 20px; right: 0; font-size: 13px; font-weight: bold;}

/* 06.contents */
div#contents {padding-top: 30px;padding-bottom: 30px;}

div#contents.sub_right table  {border-collapse: collapse; line-height: 2em; margin: auto;}
div#contents.sub_right table  th {background: #195385; color: #fff; line-height: 2.4em;}
div#contents.sub_right table  th, table  td  { margin: 0; padding: .4em .3em; height: 22px; line-height: 150%; vertical-align: middle; border: 1px solid #dcddde;  border-top: none;font-size:1.0em;}

table.pyo, table.gray01, table.gray02   {width: 80%; text-align: center; border-collapse: collapse; line-height: 2em; margin: auto;}
table.pyo th {background: #195385; color: #fff; line-height: 2.4em;}
table.pyo th, table.pyo td {border: 1px solid #ddd;}

div#contents.sub_right table.gray01 th {background: #eaeaea; color: #111; line-height: 2.4em;}
div#contents.sub_right table.gray02 th {background: #777; color: #fff; line-height: 2.4em;}

/* 07.qMenu_myPage */
aside#qMenu_myPage {background: rgba(255,255,255,0.9);; border: 1px solid #004986; text-align: center; width: 120px; box-shadow: 1px 2px 2px #555; position:absolute; top: 150px; right: 20px; z-index: 9996;}
aside#qMenu_myPage h3 {background: #004986; color: #fff; margin: 0; padding: 10px 0;}
aside#qMenu_myPage img {display: block; margin: auto; width: 40px;}
aside#qMenu_myPage a {display: block; border-bottom: 1px solid #004986; margin: 12px auto; width: 90%; font-weight: bold; font-size: 15px; padding: 0px 0 15px; letter-spacing: -1.5px;}
aside#qMenu_myPage a:last-child {border-bottom: none;}

/* 07 빠른상담*/
.sub_quick_counseling {display:block;position:absolute;top:50%;left:50%;background:#FFF; width:500px; box-shadow:0px 1px 3px rgba(0,0,0,0.2);  height:350px;z-index:9999; transform: translate(-50%, -50%);}
.sub_quick_counseling .box{padding:0 25px;  }
.sub_quick_counseling .box h3{font-size:25px; line-height:25px; color:#000000}
.sub_quick_counseling .box h3 span{ color:#ef5353}
.sub_quick_counseling .box .prv {font-size:12px; overflow:hidden; padding:3px 0; position: absolute; bottom: 54px;}
.sub_quick_counseling .box .input[type="checkbox"] {vertical-align: middle;}
.sub_quick_counseling .box .prv span{display:inline-block;padding-left:3px; color:#ee2174;}


.sub_quick_counseling .box .info  { overflow:hidden;}
.sub_quick_counseling .box .info .right {float:right;}
.sub_quick_counseling .box .info span {margin-bottom:6px; display:inline-block; }
.sub_quick_counseling .box .info input {background:#fff; border:1px #c5c5c5 solid; height:28px; line-height:28px; width:104px; padding:0 5px; vertical-align:top;}
.sub_quick_counseling .box .info .month,
.sub_quick_counseling .box .info .day {width:43px; padding:0 5px;}
.sub_quick_counseling .box .info .month {margin-right:6px;}
.sub_quick_counseling .box .info textarea {background:#fff; border:1px #c5c5c5 solid; width:444px; height:135px; vertical-align:top; resize: none; margin-top: 5px;}
.sub_quick_counseling .btn input[type="submit"] {background:#ef5353; border:0px; color:#fff; width:100%; vertical-align:top; padding: 15px 0; margin-top: 25px;}
.sub_quick_counseling .btn input[type="submit"]:hover {background:#f53939;}
.sub_quick_counseling .close_btn {position: absolute; top: 1px; right: 1px; width: 35px; height: 30px; transition: 0.3s all; font-size: 20px; background: none;}
.sub_quick_counseling .close_btn:hover {background: #f53939; color: #fff; box-shadow: 0 1px 2px gray;}
.sub_quick_counseling select.search_box {height: 30px; margin-left: 5px;padding:0;}
.sub_quick_counseling .schedule_etc {position: absolute!important; top: 110px!important; left: 113px!important;}