@charset "euc-kr";

/* note ³×ºñ°ÔÀÌ¼Ç */
.header h1 a { background: none; }
.header .service a { width: auto; }
.header .service2 { right: 10px; position: absolute; display: inline-block; top: 18px; }
.header .service2 > a { display: inline-block; vertical-align: top; font-size: 24px; color: #0078c7; }
.header .service2 > a.alert-icon { margin-right: 6px; position: relative; }
.header .service2 > a.alert-icon span { position: absolute; font-size: 9px; right: -7px; top: -7px; padding: 3px; width: 13px; }
/* END ³×ºñ°ÔÀÌ¼Ç */


/* note ·Î±×ÀÎÆäÀÌÁö */
#login .g_login .i_label { color: #fff; }
#login .g_login .i_text { color: #fff; }
/* END ·Î±×ÀÎÆäÀÌÁö */

/* note ǪÅÍ */
.school_wrap { padding: 5px !important; margin-top: 0 !important; }
/* END ǪÅÍ */


.univ-layer { position: absolute; left: 0; top: 0; width: 100%; padding-top: 20%; background-color: rgba(0, 0, 0, 0.3); text-align: center; z-index: 9999; }
.univ-layer .box { width: 80%; margin: 0 auto; padding-bottom: 3%; background: #fff; position: relative; }
.univ-layer .box input { width: 70%; height: 20px; font-size: 12px; text-align: left; border: 1px solid #DCDCDC; }
.gwa_search_close	{
	padding:10px;
	text-align:right;
	background-color: #F8F9FB;
}
.gwa_search_close > div.title {
	display: inline-block;
	float: left;
	margin-left: 5px;
	color: #666;
}
.gwa_search_close > a {
	font-size: 16px;
	color: #666;
	margin-right: 5px;
}
.univ-layer-search { margin: 10px 0; }
.univ-layer .univ-list { padding: 0 3%; height: 250px; overflow: auto; }
.univ-layer .jiwon_t td { text-align: left;  }
.univ-layer .jiwon_t td a { display: block; padding: 2%; vertical-align: top; }


.gnb ul.navmenu li { border-left: 1px solid #fff;  }
.gnb ul.navmenu li > a { min-height: auto; vertical-align: top; padding: 10px 0; position: relative; }
.gnb ul.navmenu li li a.sel, .gnb ul.navmenu li li a:hover { font-weight: bold; }
.gnb ul.navmenu div { height: auto; top: 35px; padding: 7px 0; }
.gnb ul.navmenu li > a.on, .gnb ul.navmenu li > a:hover { background: #0c58a5; }
.gnb ul.navmenu li li a.sel, .gnb ul.navmenu li li a:hover { color: #0c58a5; }
.gnb ul.navmenu li li a {padding:0.5em 0;}

/* note °øÅë CSS */
.box .b-title { color: #0086d9; font-weight: 500; font-size: 13px; border: none; margin-top: 5%; border-bottom: 1px solid #eeeeee; position: relative; padding-bottom: 10px; margin-bottom: 5%; }
.box .b-title::before { content: ' '; border-radius: 5px; height: 8px; width: 30px; background-color: #0c58a5; display: inline-block; float: left; margin-top: 6px; margin-right: 7px; }

.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }

.h-100 { height: 100% !important; }

.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: 10px !important; }
.mt-2 { margin-top: 20px !important; }
.mt-3 { margin-top: 30px !important; }

.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 10px !important; }
.mb-2 { margin-bottom: 20px !important; }
.mb-3 { margin-bottom: 30px !important; }


.ml-1 { margin-left: 10px !important; }
.ml-2 { margin-left: 20px !important; }
.mr-1 { margin-right: 10px !important; }

.mt-2 { margin-top: 20px !important; }
.pl-1 { padding-left: 10px !important; }
.pr-1 { padding-right: 10px !important; }
.p-1 { padding: 10px !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.p-0 { padding: 0 !important; }

.text-primary { color: #007bff !important; }
.text-danger { color: #dc3545 !important; }
.text-primary { color: #007bff !important; }
.text-danger { color: #dc3545 !important; }
.text-warning {
    color: #ffc107!important;
}
.text-success {
    color: #28a745!important;
}
.text-secondary {
    color: #6c757d!important;
}
.text-dark {
    color: #343a40!important;
}
.text-info {
    color: #17a2b8!important;
}
.text-write {
    color: #ffffff!important;
}

.bg-primary { background-color: #007bff !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-warning {
    background-color: #ffc107!important;
}
.bg-success {
    background-color: #28a745!important;
}
.bg-secondary {
    background-color: #6c757d!important;
}
.bg-dark {
    background-color: #343a40!important;
}
.bg-info {
    background-color: #17a2b8!important;
}
.bg-write { background-color: #fff !important; }


.rounded { border-radius: .5rem !important; }

.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }

.dis-sale { text-decoration: line-through; }

.TRAN {
	opacity:0;transition:all 0.7s;
	transition-property:transform, opacity;
}
.ANI .TRAN {
	transform:translateX(0px) translateY(0px) scale(1) !important;
	opacity: 1.0 !important;
}
.ANI.TRAN {
	transform:translateX(0px) translateY(0px) scale(1) !important;
	opacity: 1.0 !important;
}
.TRAN2 {
	transition:all 0.7s;
}
.ANI .TRAN2 {
	transform:translateX(0px) translateY(0px) scale(1) !important;
	opacity: 1.0 !important;
}

.badge-danger { color: #fff; background-color: #dc3545;}
.badge {
	display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-pill {
	padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }


.border { border: 1px solid #dee2e6!important; }
.border-top { border-top: 1px solid #dee2e6!important; }
.border-bottom { border-bottom: 1px solid #dee2e6!important; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.text-white { color: #fff; }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb !important;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff !important;
}
.alert {
    position: relative;
    padding: 3px;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca !important;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb !important;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.bg-head { background-color: #cce5ff; border-bottom: 1px solid #b8daff; }

.ST3 { background: linear-gradient(to top, #bfff00 20%, transparent 50%); } /* °­Á¶ Çü±¤»ö */
.ST4 { background: linear-gradient(to top, #ffa0ff 20%, transparent 50%); }
.ST5 { background: linear-gradient(to top, #D9EDDE 20%, transparent 50%); }
.btn-b1 { background: #497BB6; color: #fff !important; -webkit-transition: all .5s; transition: all .5s; } /* ¼ö½Ã, Á¤½Ã»óÇ° »ö */
.btn-b1:hover { background: #3E699B; -webkit-transition: all .5s; transition: all .5s; }
.btn-b2 { background: #DC4383; color: #fff !important; -webkit-transition: all .5s; transition: all .5s; } /* ÆнºÆÄÀÌºê »ö */
.btn-b2:hover { background: #BB396F; -webkit-transition: all .5s; transition: all .5s; }
.btn-b3 { background: #ea5455; color: #fff !important; -webkit-transition: all .5s; transition: all .5s; } /* °­Á¶ */
.btn-b3:hover {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -webkit-transition: all .3s; transition: all .3s;
}

.mem-btn1 { line-height: 32px; text-align: center; font-weight: bold; font-size: 14px; }

/* Å×ÀÌºí °¡·Î½ºÅ©·ÑµÇ°Ô */
.table-container { width: 100%; overflow-x: auto; white-space: nowrap; }
.table-container table { width: auto; }
.table-container table td { padding: 3px; }

.font-weight-bold { font-weight: bold; }
.d-none { display: none !important; }
.d-table { display: table !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.position-relative { position: relative !important; }

.btn-re-main { color: #0086d9; background-color: #fff; border-color: #0086d9; }
.btn-re-main2 { color: #fff; background-color: #0c58a5; border-color: #0c58a5; }
.btn-cl-main { color: #474e5a; background-color: #fff; border-color: #474e5a; }
.btn-cl-main2 { color: #fff; background-color: #474e5a; border-color: #474e5a; }

.Valign{top:0;bottom:0;position:absolute;z-index:5;margin-top:auto;margin-bottom:auto;}
.Halign{left:0;right:0;position:absolute;z-index:5;margin-left:auto;margin-right:auto;}

.fixed { position: fixed !important; -webkit-transition: all .5s; transition: all .5s; }

.menu-top-tab { width: 100%; text-align: center; }
.menu-top-tab li { display: table-cell; width: 33.3333%; }
.menu-top-tab li:nth-child(1) a { border-left: 1px solid #b8daff; }
.menu-top-tab li a { vertical-align: top; color: #004085; display: block; width: 100%; padding: 5px 0; border-top: 1px solid #b8daff;  border-right: 1px solid #b8daff; }
.menu-top-tab li:last-child { border-right: 1px solid #b8daff; }
.menu-top-tab li a.ST { color: #004085; background-color: #cce5ff; border-color: #b8daff !important; font-weight: bold; }
.menu-top-tab:last-child { border-bottom: 1px solid #b8daff; }


.menu-top-tab2 { width: 100%; text-align: center; }
.menu-top-tab2 li { display: table-cell; width: 33.3333%; border-top: 1px solid #b8daff;  border-right: 1px solid #b8daff;  }
.menu-top-tab2 li:nth-child(1) { border-left: 1px solid #b8daff; }
.menu-top-tab2 li a { vertical-align: top; color: #004085; display: block; padding: 5px; }
.menu-top-tab2 li:last-child { border-right: 1px solid #b8daff; }
.menu-top-tab2 li.ST { background-color: #cce5ff; border-color: #b8daff !important; }
.menu-top-tab2 li.ST a { color: #004085;  font-weight: bold; }
.menu-top-tab2:last-child { border-bottom: 1px solid #b8daff; }


.btn-gradient.df { color: #333; }
/* END °øÅë CSS */

/* note ÆäÀÌ¡ */
.paging a {
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.paging a.on {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.paging a:first-child {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.paging a:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
/* END ÆäÀÌ¡ */


.box .card { border: 1px solid #b8daff; }
.box .card-header { padding: 3px; text-align: center; font-size: 100%; color: #004085; }

/* note ¸ÞÀÎ - ³ªÀǼºÀû */
.my-achievement { padding-bottom: 7%; }
.my-achievement .box-info-2 > a { display: table; width: 100%;  height: 70px; text-align: center; border: 1px solid #0086d9; }
.my-achievement .box-info-2 > a span { display: table-cell; vertical-align: middle; color: #333; }
.my-achievement .box-sub { position: relative; width: 100%; overflow: hidden; }
.my-achievement .box-sub-1 { float: left; width: 48%; padding: 0 1%; }
.my-achievement .box-info-3 .card-body { height: 50px; }
.my-achievement .box-info-3 .card-text { display: table; width: 100%; text-align: center; height: 100%; }
.my-achievement .box-info-3 .card-text strong { display: table-cell; vertical-align: middle; font-size: 20px; }
.my-achievement .box-info-3 .add-text { font-size: 12px !important; font-weight: 400; }
/* END ¸ÞÀÎ - ³ªÀǼºÀû */


/* note ¸ÞÀÎ - ºü¸¥¸Þ´ºµî·Ï */
.quick-menu { padding-bottom: 7%; }
.quick-menu .box-info-2 .box-row { overflow: hidden; text-align: center; }
.quick-menu .box-info-2 .box-col { float: left; width: 46%; padding: 9px 2% 1% 2%; position: relative; }
.quick-menu .box-info-2 .box-col > a { vertical-align: top; display: inline-block; width: 100%; }
.quick-menu .box-info-2 .box-col .alert { min-height: 50px; }
.quick-menu .box-info-2 .box-col .alert > div { display: table; width: 100%; text-align: center; height: 100%; }
.quick-menu .box-info-2 .box-col .alert > div span { display: table-cell; vertical-align: middle; }
.quick-menu .box-info-2 .box-col .alert > div i { display: table-cell; vertical-align: middle; }
.quick-menu .new-icon { display: inline-block; position: absolute; right: 2px; top: 0px; text-align: center; }
.quick-menu .new-icon span { width: 20px; height: 20px; padding: 0; line-height: 20px; }
.quick-menu .box-info-1 { position: relative; }
.quick-menu .quick-border { position: absolute; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-shadow:inset 0px 0px 0px 5px #fff; -moz-box-shadow:inset 0px 0px 0px 5px #fff; box-shadow:inset 0px 0px 0px 5px #fff; opacity: 0; visibility: hidden; -webkit-transition: all .7s; transition: all .7s; transform: translateY(60px); }
.quick-menu .quick-border2 { position: relative; }
.quick-menu .quick-border2::after { content: ''; opacity: 0; visibility: hidden; -webkit-transition: all .7s; transition: all .7s; transform: translateY(60px); position: absolute; left: -5px; top: -3px; width: 100%; height: 100%; border: 5px solid #fff; z-index: 99; }
/* END ¸ÞÀÎ - ºü¸¥¸Þ´ºµî·Ï */


/* note ¸ÞÀÎ - ºü¸¥¸Þ´º ·¹À̾î */
/*.quick-menu-layer { 
    position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 101; 
    opacity: 0; visibility: hidden; transform: translateY(60px); 
    -webkit-transition: all .5s; transition: all .5s; 
}
.quick-menu-layer.ANI { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transition: all .5s; transition: all .5s; }*/
.quick-menu-layer { width: 100%; }
.quick-menu-layer .box-row { padding: 5px; position: relative; }
.quick-menu-layer .box-sub { background: #fff; height: 100%; padding: 10px 10px 10px 10px; }
.quick-menu-layer .box-info-1 ul { overflow: hidden; width: 100%; line-height: 24px; padding: 5px 0; }
.quick-menu-layer .box-info-1 ul.bLine { border-bottom: 1px solid #cce5ff; }
.quick-menu-layer .box-info-1 ul li { color: #0086d9; }
.quick-menu-layer .box-info-1 ul.small-menu { padding: 3px 0 !important; }
.quick-menu-layer .box-info-1 ul.small-menu li:nth-child(1) { color: #000; font-size: 14px; }
.quick-menu-layer .box-info-1 ul.small-menu li:nth-child(1) span { margin-left: 10%; }
.quick-menu-layer .box-info-1 ul li:nth-child(1) { width: 80%; float: left; font-size: 18px; }
.quick-menu-layer .box-info-1 ul li:nth-child(2) { width: 20%; float: right; text-align: right; font-size: 24px; }
.quick-menu-layer .box-info-1 ul li:nth-child(2) a { display: inline-block; vertical-align: top; width: 100%; color: #0c58a5; }
.quick-menu-layer .box-info-1 ul li:nth-child(2) a .fa-plus-circle { color: #80BEE6; }
.quick-menu-layer .box-info-1 ul.bLine li:nth-child(2) a { display: none; }
.quick-menu-layer .quick-menu-apply { min-width: 50px; }
/* END ¸ÞÀÎ - ºü¸¥¸Þ´º ·¹À̾î */


/* note ¸ÞÀÎ - ¸ðÀÇ°í»ç µî±ÞÄÆ */
.rating-cut { padding-bottom: 7%; }
/* END ¸ÞÀÎ - ¸ðÀÇ°í»ç µî±ÞÄÆ */


/* note ¸ÞÀÎ - »ó´Ü °øÁö»çÇ× */
.notice-area { padding: 0 5px !important; margin-top: 5px; background: 0 !important; border: 0 !important; }
.notice-area .alert-dark { background: #474e5a; padding: 5px; }
.notice-area .open-event > span { color: #fff; left: 2px; }
.notice-area .open-event .more { right: 2px; color: #fff; background: none; }
.notice-area .open-event .more .fas { font-size: 9px; margin-right: 4px; }
.notice-area .open-event ul li a { margin-left: 26px; max-width: 53%; }
.notice-area .open-event ul li { background: none; }
/* END ¸ÞÀÎ - »ó´Ü °øÁö»çÇ× */


/* note ¸ÞÀÎ - »ó´Ü ¸¶À̷εå¸Ê ¹è³Ê */
.jumsu .jumsu_title .text_move2 { margin-top: 10px; display: block; font-size: 15px; line-height: 19px; color: #152735; }
.jumsu .jumsu_title .text_move2 .fas { font-size: 18px; }
.jumsu .jumsu_title p { padding: 7px; }
/* END ¸ÞÀÎ - »ó´Ü ¸¶À̷εå¸Ê ¹è³Ê */


.sns { padding-right: 10px; }

.main-cont { padding: 0 5px; }
.search-ul { overflow: hidden; }
.search-ul li { float: left; }
.search-ul li:nth-child(1) { width: 85%; }
.search-ul li:nth-child(2) { width: 15%; }

.box .b-title .view-more { position: absolute; right: 0; top: -3px; }
.cut_title.on { color: #fff; background: #0086d9 !important; }

.j-container { margin-top: 50px; padding: 5px; }
.j-container > h3 { font-size: 137.5%; line-height:1.3; font-weight:700; letter-spacing:-1px; color:#1d1d1d; margin-bottom: 10px; }
.j-container .box { margin-bottom: 7px; position: relative; overflow: hidden; }
.j-container select { width: 90%; height: 22px; font-size: 12px; background-color: #FFFFFF; border: 1px solid #DCDCDC; }
.j-container .box input { width: 90%; height: 18px; font-size: 12px; text-align: center; border: 1px solid #DCDCDC;} 
.j-container .box textarea { width: 90%; min-height: 100px; font-size: 12px; text-align: left; border: 1px solid #DCDCDC;} 

.j-container .sub_contents { padding-top: 1rem !important; padding-right: 0 !important; padding-left: 0 !important; }
.j-container .sub_tit { font-size: 14px !important; }
.j-container button { font-size: 11px; }

.highInsertStep1 .btn-area, .highInsertStep2 .btn-area { text-align: center; margin-top: 10px; }

.highInsertStep2 .box-1 { width: 100%; display: table; position: relative; }
.highInsertStep2 .box-sub { width: 50%; text-align: center; display: table-cell; }
.highInsertStep2 .box-sub select{
	width: 70%;
	height: 22px;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
}
.highInsertStep2 .box-2 { margin-top: 20px; }
.highInsertStep2 .text-left { text-align: left !important; }
.highInsertStep2 .pl-3 { padding-left: 3% !important; }


.roadmap-btn { width: 100%; text-align: center; padding: 10% 0; }


.highResult .graph-area td { text-align: center; padding: 10px 0; font-weight: bold; }
.highResult .graph-area td:nth-child(1) { background: #FFC0C0; }
.highResult .graph-area td:nth-child(2) { background: #98E0FF; }
.diagnosis-guide ul { width: 100%; overflow: hidden; }


.middleInsertStep1 .middle-exam h4 { font-weight: bold; }
.middleInsertStep1 .middle-exam .jiwon_t { margin-top: 5px; margin-bottom: 20px; }


.dep-area { text-align: center; width: 100%; overflow: hidden; margin-top: 5%; }
.dep-area ul {  }
.dep-area ul li { text-align: center; }
.dep-area ul li:nth-child(2) { margin-top: 10%; }
.dep-area ul li:nth-child(3) { height: 33px; }
.dep-area .univ-img img { margin: 0 auto; max-width: 85px; }
.dep-area > a { vertical-align: top; display: inline-block; display: table-cell; width: 29.3333%; float: left; text-align: center; padding: 0 2%; margin-bottom: 5%; }



.promising-dep .box .title, .resultDiagnosis .box .title { color: #0086d9; font-weight: 500; font-size: 110%; border: none; margin-top: 5%; border-bottom: 1px solid #eeeeee; position: relative; padding-bottom: 10px; margin-bottom: 5%; }
/* .promising-dep .box .title::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 60px; background: #0c58a5; } */
.promising-dep .box .title::before, .resultDiagnosis .box .title::before { content: ' '; border-radius: 5px; height: 8px; width: 30px; background-color: #0c58a5; display: inline-block; float: left; margin-top: 6px; margin-right: 7px; }
.promising-dep .box .title2::after { width: 70px !important; }
.promising-dep .box .title3::after { width: 120px !important; }
.promising-cont { line-height: 25px; color: #7b838a; }
.dep-view { text-align: center; }
.dep-view img { display: inline-block; }
.promising-cont .more-btn { display: block; vertical-align: top; padding: 0; }
.promising-cont .more-cont { display: none; }
.promisingDep-list .univ-img { position: relative; }
.promisingDep-list .new-icon { display: inline-block; position: absolute; left: 0; top: 0; z-index: 11; text-align: left; }
.promisingDep-list .new-icon img { width: 15px; margin: 0; }


.box-title .title, .resultDiagnosis .box .title { color: #0086d9; font-weight: 500; font-size: 110%; border: none; margin-top: 5%; border-bottom: 1px solid #eeeeee; position: relative; padding-bottom: 10px; margin-bottom: 5%; }
.box-title .title::before { content: ' '; border-radius: 5px; height: 8px; width: 30px; background-color: #0c58a5; display: inline-block; float: left; margin-top: 6px; margin-right: 7px; }


.diagnosis-box { border: 1px solid #0086d9; padding-bottom: 10px; }
.diagnosis-header { display: block; padding: 5px; text-align: center; background: #0086d9; color: #fff; }
.diagnosis-cont { width: 70%; margin: 0 auto; padding: 8% 0; text-align: center; position: relative; overflow: hidden; }
.diagnosis-exam { margin: 5% 0; color: #59636a; border: 1px solid #59636a; padding: 10px; font-size: 13px; }
.diagnosis-ox ul { display: table; text-align: center; width: 100%; }
.diagnosis-ox li { display: table-cell; padding: 10px; }
.diagnosis-ox li img { display: inline-block; }

.diagnosis-box .one-step-layer { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: #fff; display: none; }
.diagnosis-box .one-step-layer .title { background: #000; color: #fff; text-align: center; }
.diagnosis-box .one-step-btn { text-align: center; }

.bg-graph { background: rgb(227, 237, 245); }
.Pindex02 { background: #94d2d5; }

.resultDiagnosis .recommended td:nth-child(2) { padding: 3px; text-align: left; }


.diagnosisTwoStep .diagnosis-header { background: #0c58a5; }
.diagnosisTwoStep .diagnosis-box { border: 1px solid #0c58a5; }
.two-step-box { border: 1px solid #eee; margin: 5% 0; }
.two-step-box ul { width: 100%; }
.two-step-box ul li:nth-child(1) { font-weight: bold; margin-bottom: 3px; }
.diagnosis-cont2 { width: 90%; margin: 0 auto; padding: 8% 0; }
.diagnosis-cont2 .diagnosis-num { text-align: center; }
.diagnosis-cont2 .two-step-hr { height: 1px; margin: 6% 0; border-bottom: 1px dotted #ddd; }
.diagnosis-cont2 .two-step-hr:last-child { display: none; }


.checkTendency .tendency-ul { width: 95%; margin: 1px auto; }
.checkTendency .tendency-ul li { padding: 2%; }
.checkTendency .tendency-ul li:nth-child(1) {  }
.checkTendency .tendency-ul li:nth-child(2) { margin-top: 5px; }
.checkTendency .tendency-ul li:nth-child(2) label { margin-right: 10px; }




/* .middleTap .info-1 ul { width: 100%; text-align: center;  }
.middleTap .info-1 ul li { display: table-cell; width: 33.3333%; }
.middleTap .info-1 ul li:nth-child(1) a { border-left: 1px solid #CBCBCB; }
.middleTap .info-1 ul li a { vertical-align: top; color: #555555; display: block; width: 100%; padding: 5px 0; border-top: 1px solid #CBCBCB;  border-right: 1px solid #CBCBCB; }
.middleTap .info-1 ul li:last-child { border-right: 1px solid #CBCBCB; }
.middleTap .info-1 ul li a.ST { color: #fff; background: #1883EE; border: 1px solid #1883EE; }
.middleTap .info-1 ul:last-child { border-bottom: 1px solid #CBCBCB; } */
.middleTap .view-cont { display: none; }


.highResult .info-1 ul { width: 100%; text-align: center; }
.highResult .info-1 ul li { display: table-cell; width: 33.3333%; }
.highResult .info-1 ul li:nth-child(1) a { border-left: 1px solid #CBCBCB; }
.highResult .info-1 ul li a { vertical-align: top; color: #555555; display: block; width: 100%; padding: 5px 0; border-top: 1px solid #CBCBCB;  border-right: 1px solid #CBCBCB; }
.highResult .info-1 ul li:last-child { border-right: 1px solid #CBCBCB; }
.highResult .info-1 ul li a.ST { color: #fff; background: #1883EE; border: 1px solid #1883EE; }
.highResult .info-1 ul:last-child { border-bottom: 1px solid #CBCBCB; }

/* .highResult .grap_c { max-width: 50% !important; } */
.highResult .grap_c .grp_box { width: auto !important; }
.highResult .grp_box .univ .name, .highResult .grp_3 .grp_box .univ .name { font-size: 9px !important; }
.highResult .my_area { border: 0 !important; }

/* END ¸ÞÀÎ, ¼­ºê */

/* note ¾Ë¸² CSS */
.alert-page { margin-top: 0; }
.alert-page .page-view { background: #E4F2FD; }
.alert-page .box-info-1 { padding: 0 10px; }
.alert-page .alert-click { vertical-align: top; display: block; padding: 0 10px; position: relative; }
/*.alert-page .alert-click:hover { background: #E4F2FD; }*/
.alert-page .alert-ul { 
    overflow: hidden; 
    position: relative; 
    display: table; 
    border-bottom: 1px solid #eeeeee;
    padding: 5px 0; 
    transform: translateX(0); 
    -webkit-transition: all .7s; transition: all .7s;
}
.alert-page .ANI .alert-ul { transform: translateX(-18%); -webkit-transition: all .7s; transition: all .7s; width: 100%; }
/*.alert-page .alert-ul img { height: 60px; }*/
.alert-page .alert-ul li { display: table-cell; vertical-align: middle; }
.alert-page .alert-ul li:nth-child(1) { width: 13%; }
.alert-page .alert-ul li:nth-child(2) { width: 72%; padding: 0 10px; }
.alert-page .alert-ul li:nth-child(3) { width: 15%; text-align: center; color: #0086d9; font-size: 16px; }
.alert-page .alert-date { color: #0086d9; font-size: 11px; display: inline-block; margin-top: 5px; }	
.alert-page .alert-txt { 
    color: #000;
    display: block; 
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap; 
    word-wrap: normal !important; 
    width: 100px;
    margin-top: 5px;
}

.alert-page .alert-etc { 
    width: 110px; 
    position: absolute; 
    right: -100%; 
    top: 0; 
    height: 100%; 
    z-index: 33; 
    /*transform: translateX(100%); */
    -webkit-transition: all .7s; transition: all .7s;
}
.alert-page .ANI .alert-etc { right: 0; -webkit-transition: all .7s; transition: all .7s; }

.alert-page .alert-etc li { float: left; display: table; text-align: center; width: 50%; color: #fff; height: 100%; }
.alert-page .alert-etc li span { vertical-align: middle; display: table-cell; }
.alert-page .alert-etc li:nth-child(1) { background: #0c58a5; transform: translateX(200%); }
.alert-page .alert-etc li:nth-child(2) { background: #dc3545; transform: translateX(100%); }
.alert-page .alert-icon { z-index: 999; width: 100%; }
.alert-page .box-info-2 { display: table; width: 100%; }
.alert-page .box-info-2 .no-list { display: table-cell; vertical-align: middle; }
/* END ¾Ë¸² CSS */

/* note ¸ÞÀÎ ·¹À̾î */
.main_layer { position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
/* END ¸ÞÀÎ ·¹À̾î */

#plist td { padding: 5px; }
.pay-table td { padding: 5px; }

.smartOutput { width: auto !important; }


/* NOTE: ºñ±³°ú°ü¸® */
.stInfo-gnb { line-height: 35px; background: #70AD47; padding: 0 0.703em; }
.stInfo-gnb h2 { color: #fff; }
.stInfo-box .menu-top-tab li a { height: 30px; }
.stInfo-box .menu-top-tab li a span { position: relative; top: 8px; }
.stInfo-box h4 { font-weight: bold; margin-bottom: 5px; }
.stInfo-box input[readonly], .stInfo-box select[readonly], .stInfo-box textarea[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.stInfo-box .jiwon_t td { padding: 3px; }
.stInfo-box .jiwon_t input { text-align: left; }
/* .stInfo-box .view-more { position: absolute; right: 5px; top: 1px; } */
.stInfo-btn { 
	background: #70AD47; font-size: 14px; padding: 8px 18px; 
	color: white !important;	
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom-color: rgba(0,0,0,0.34);
	text-shadow:0 1px 0 rgba(0,0,0,0.15);
	box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
	0 2px 0 -1px rgba(0,0,0,0.13), 
	0 3px 0 -1px rgba(0,0,0,0.08), 
	0 3px 13px -1px rgba(0,0,0,0.21);
}
.stInfo-box input[type="checkbox"] { width: auto !important; }
.book-modal { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background-color: rgba(0, 0, 0, 0.3); }
.modal-dialog { max-width: 90%; margin: 1.75rem auto; }
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
	font-weight: bold;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.modal-body input {
    width: 70% !important;
    height: 20px;
    font-size: 12px;
    text-align: left;
    border: 1px solid #DCDCDC;
}
.personal-info ul { list-style: none; overflow: hidden; width: 100%; }
.personal-info ul li { float: left; margin-right: 20px; }

/* ¸»ÁÙÀÓ */
.word-cont {
	width: 100%; 
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 17px;
	height: 34px;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
.detail-title { font-weight: bold; margin-bottom: 5px; }
.detail-more { margin-left: 5px; }
.str-area { padding: 5px 5%; }

table td a { display: inline-block; }

/* ÄíÆù ¼±¹°ÇÔ */
.coupon_list_area .alert-info { line-height: 20px; }


/* ÇÕ°Ý¿¹Ãø */
.prd-cont-area { margin-top: 5px; }
.prd-cont { display: none; }

.prd-pay h5 { font-size: 16px; color: #0073be; position: relative; padding-left: 10px; }
.prd-pay h5::after { content: ''; position: absolute; width: 3px; height: 100%; background: #0073be; left: 0; top: 0; }
.prd-pay h5 > span { color: #878787; }
.prd-pay .basic-price { text-decoration: line-through; }
.prd-pay .dc-price { color: #ff0000; display: block; }
.prd-pay .box-info-3 .table td { border: 1px solid #dadab9; }
.prd-pay .box-info-3 .table tr.ST td { font-weight: bold; color: #94664B; background: #F3F4E4; }
.prd-pay .box-info-3 .table td.ST { font-weight: bold; color: #94664B; background: #F3F4E4; }
.prd-pay .box-info-4 ul { width: 100%; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; }
.prd-pay .box-info-4 ul li { display: table-cell; width: auto; text-align: center; padding: 5px 0; font-size: 13px; }
.prd-pay .box-info-4 ul li input { vertical-align: middle; }
.prd-pay .box-info-3 { font-size: 13px; }
.prd-pay .box-info-3 input { vertical-align: middle; }
.prd-pay .box-info-3 img { vertical-align: middle; }

/* END ÇÕ°Ý¿¹Ãø */

/* ¸ðÀÇÇÕ°Ý¿¹Ãø */
.neMakeInput .two-step-box { margin: 0; }
.neMakeInput .two-qs-ul li { line-height: 20px; }
.neMakeInput .two-step-hr {
    height: 1px;
    margin: 6% 0;
    border-bottom: 1px dotted #ddd;
}
.moPassResult .menu-top-tab li a { height: 31px; }
.moPassResult .icon-area i { font-size: 24px; color: #E53A40; }
.moPassResult img { display: inline-block; }
.help-cont { border: 1px solid #E4E4E4;  }
.help-cont ul li { padding: 10px; }
.help-cont ul li:nth-child(1) { background: #F8F9FB; color: #212121; font-weight: bold; font-size: 13px; border-bottom: 1px solid #E4E4E4; }
.help-cont ul li:nth-child(n+1) { line-height: 20px; }

.moden-box { border: 1px solid #E4E4E4; }
.moden-box-header { background: #F8F9FB; padding: 10px; text-align: center; color: #212121; font-weight: bold; font-size: 13px; border-bottom: 1px solid #E4E4E4;  }
.moden-box-cont { padding: 10px; }

.univ-img-div { width: 100%; overflow: hidden; }
.univ-img-ul { padding: 0 2% 7% 2%; width: 29.3333%; float: left;  }
.univ-img-ul .univ-img { text-align: center; }
.univ-img-ul .univ-img img { max-width: 85px;  }
.univ-img-ul li:nth-child(2) { margin-top: 10%; text-align: center; }

.univ-img-area .moden-box-cont { padding-left: 2%; padding-right: 2%; }
/* END ¸ðÀÇÇÕ°Ý¿¹Ãø */

/* ¸ÞÀÎ ¸ðÀÇÁö¿ø ÇöȲ */
.real-time .u-title {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    border-top: 2px solid #4C536D;
    border-bottom: 2px solid #4C536D;
    color: #212121;
    background-color: #fffbce;
}

.real-time .item img { width: auto !important; margin: 0 auto; }

.real-time .item .box > ul { border: 1px solid rgba(0,0,0,.125); margin-top: 8px; }
.real-time .item .box > ul li { padding: 10px; }
.real-time .item .box > ul li:nth-child(1) { background-color: rgba(0,0,0,.03); font-weight: bold; color: #000; text-align: center; border-bottom: 1px solid rgba(0,0,0,.125); }
.real-time .item .box > ul li:nth-child(1) span { color: #3F88CD; font-size: 14px; }
.real-time .item .box > ul li:nth-child(2) { position: relative;  }
.real-time .item .box > ul li:nth-child(2) img { max-width: 100%; width: auto; }
.real-time .item .title { text-align: center; margin-top: 15px; }
.real-time .item .title strong { font-size: 16px; }