/* container */
#container{position:relative;}

.text-area p{line-height:1.6em;}
.text-area h3{font-weight:600; font-size:1.6em; line-height:1.5em;}
.c_green{color:#02836a}
.c_gray{color:#999;}
.c_red {color:#e03636;}
.c_blue {color:#2885e4;}
.bg_gray{background:#f2f2f2;}
.bg_green{background:#105649;color:#fff;}
.bg_orange{background:#ff722e;color:#fff;}
.d_inblock{display:inline-block;}

.f_bold {font-weight:bold;}
.f_500 {font-weight:500;}
.f_normal {font-weight:normal;}

/* mark style */
.remark{font-size:0.8rem;}
.remark_box{padding:2px 6px; background:#ff9512; border-radius:5px; font-size:.8em; margin-right:6px;color:#fff;}

/* LNB*/
/*.lnb{float:left;}
.lnb_h2{font-size:30px; letter-spacing:-0.5px; background:url('/images/sites/main/main/sub/comm/bg_h2.gif') no-repeat; width:216px; height:140px; text-align:center; line-height:140px; color:#fff; font-weight:normal; margin-top:25px;}
.dropdown{width:216px; background-color:#fff; margin-top:10px; font-size:17px;}
.dropdown li{margin-bottom:-1px;}
.dropdown li a{position:relative;}
.dropdown li a .fa{font-size:14px; float:right;}
.dropdown li.selected{background-color:#313131;}
.dropdown li.selected a{border-bottom:5px solid #d06200; border-image:linear-gradient(to right, #d06200 0%, #138871 100%); border-image-slice:1; border-top:none; border-right:none; border-left:none; color:#fff;}
.dropdown li a{display:block; width:100%; padding:22px 17px 12px 22px; text-decoration:none; border:1px solid #ddd;}
.dropdown li > ul{background-color:#e6e6e6;}
.dropdown li > ul li.selected{background:none; font-weight:bold;}
.dropdown li > ul li:first-child{padding-top:14px;}
.dropdown li > ul li:last-child{padding-bottom:14px;}
.dropdown li > ul li a{padding:6px 0 6px 26px; border:none !important; color:#333 !important; font-size:15px; letter-spacing:-0.2px;}
 .dropdown li > ul li > ul li{padding:10px 0 10px 30px;}
.dropdown li > ul li > ul li a{color:black; font-size:12px; text-transform:none; padding:0;} */

/* subMenu */
.subMenu{float:left;}
.subMenu > h2 {font-size:30px; letter-spacing:-0.5px; background:#2caaf3; width:216px; height:140px; text-align:center; line-height:140px; color:#fff; font-weight:normal; margin-top:25px;}
.subMenu .lnbmenu {margin-top:12px;border-top:1px solid #ddd;width:216px;}
.subMenu .lnbmenu > li.active {width: 100%;display: block;background: #313131 url('/images/sites/main/atc/common/lnbmenu_bg.jpg') 0 50px no-repeat;background-size: 100%;color: #fff;transition: none;}
.subMenu .lnbmenu > li > a {position:relative;border:1px solid #ddd;border-width:0 1px 1px 1px;padding: 0 20px;height: 55px;line-height: 53px;width: 100%;display: block;font-size: .95rem;color:#333;}
.subMenu .lnbmenu > li > a i {position:absolute;right:20px;top:18px;transition:transform 0.3s;}
.subMenu .lnbmenu > li > a i.tr-n {transform:none !important;}
.subMenu .lnbmenu > li.active > a {color:#fff;}
.subMenu .lnbmenu > li.active > a i {color:#fff;transform:translateX(-50%) translateY(10%) rotate(90deg);}
.subMenu .lnbmenu > li.active > a i.tr-n {transition:none !important;}
.subMenu .lnbmenu > li > ul.has-depth1 {padding:20px;background:#f2f2f2;border:1px solid #ddd;border-width:0 1px 1px 1px;}
.subMenu .lnbmenu > li.active > .has-depth1 {display:block !important;}
.subMenu .lnbmenu > li > ul.has-depth1 > li {margin-bottom:10px;}
.subMenu .lnbmenu > li > ul.has-depth1 > li > a {padding-left: 10px;display: block;width: 100%;height: 100%;font-size:.85rem;color:#888;position:relative;}
.subMenu .lnbmenu > li > ul.has-depth1 > li > a:after {content: '';position: absolute;left: 0;top: 9px;width: 3px;height: 3px;background: #888;border-radius: 10px;}


@media screen and (max-width: 1024px) {
	.subMenu {display:none;}
}
@media screen and (max-width:740px) {
}                 
                                                                                                                                        
/* tit_step1 */
.tit_step1{font-size:28px; font-weight:400; position:relative;padding-top:15px;}
.tit_step1:before{content:'';background:#16a175;display:inline-block;width: 8px;height: 4px;left: 0;top: 0;position: absolute;}
.tit_step1:after{content:'';background:#000;display:inline-block;width: 25px;height: 4px;position: absolute;top:0;left: 8px;}
.tit_step2{font-size:18px;}

/* subWrap */
.subWrap{display:inline-block;width:980px; padding:0px 0px 25px 40px;}
.subWrap .sub-title{padding:40px 0 16px; border-bottom:1px solid #ccc;}
.subWrap .sub-title h1{font-size:36px; font-weight:400;}
.subWrap .sub-cont{margin:40px 0; overflow:hidden;}
.subWrap .sub-cont .tabMenu{}
.subWrap .sub-cont .tabMenu ul{width:100%;display:inline-block; border-left:1px solid #ddd;padding-top:1px;}
.subWrap .sub-cont .tabMenu ul li{width: 25%;float: left;height: 60px;line-height: 60px;margin-top:-1px;}
.subWrap .sub-cont .tabMenu ul li button {font-size:.9rem;}
.subWrap .sub-cont .tabMenu ul li .tab{width: 100%;height: 100%; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;position:relative;display:inline-block; text-align:center;}
.subWrap .sub-cont .tabMenu ul li .tab:after{content:''; background:#ddd; height:1px; width:100%;position:absolute;left:0;top:0;}
.subWrap .sub-cont .tabMenu ul li .tab.on{color:#004b3d; font-weight:bold; border:1px solid #004b3d; z-index:1; left:-1px;}
.subWrap .sub-cont .tabMenu ul li .tab.on:after{display:none;}

.subWrap .sub-cont .tabMenu2{width:100%; overflow:hidden; background-color:#094a3d;}
.subWrap .sub-cont .tabMenu2 button {padding:8px 16px; cursor:pointer; text-align:center; display:inline-block; float:left; color:#fff;}
.subWrap .sub-cont .tabMenu2 button:hover{background-color:#02836a !important;}
.subWrap .sub-cont .tabMenu2 .on{background-color:#02836a !important;}

/* box style */
.box_st1{border:1px dashed #bbb; padding:30px; border-radius:5px;}
.box_st2{background:#eef5ed; border-left:3px solid #105749; padding:30px;}
.box_st3{background:#edeef5; border:1px solid #b6cade; padding:30px;border-radius:5px;}
.box_search{padding:30px 0; text-align:center; background:#f2f2f2; border:1px solid #ddd;}
.img_box{text-align:center;}

@media screen and (max-width: 740px) {
	.img_box img{width:100%;}
}

/* select */
.search_cont select{height:34px; width:80px; padding-left:3px;}

/* list style */
.list-st1{}
.list-st1 li{position:relative;padding-left: 9px;line-height: 24px;}
.list-st1 > li:before{content:'';background: #0f777d;width: 4px;height: 4px;display:inline-block;position:absolute;left:0px;top: 10px;border-radius: 8px;}
.list-st2 > li {position:relative;padding-left: 9px;line-height: 24px;}
.list-st2 > li:before{content:'';background:url('/images/sites/main/main/sub/comm/chevron-right.svg') center no-repeat;width: 5px;height: 11px;display:inline-block;position:absolute;left:-2px;top: 8px;border-radius: 8px;background-size: 15px;}
.list-st3{width:100%;}
.list-st3 li{width:24%;margin-right:1%;float:left;border:1px solid #ddd; border-radius:3px;margin-bottom:15px;}
.list-st3 li:last-child{}
.list-st3 .text-area{padding:20px 15px 15px; border-top:1px solid #ddd; font-size:.92em;}
.list-st3 .text-area p{min-height:90px;}
.li-down > li:before{top:15px;}
.list50 li {display:inline-block;width:49%;}

@media screen and (max-width: 740px) {
	.list-st3 li{width:100%; margin-right:0;}
}

/* btn style */
.btnWrap{padding-top:5px;}
.btn-st1{padding:14px 15px; display:inline-block; border:1px solid #ddd;border-radius:5px;}
.btn-st1 i{padding-right:7px;}
.btn-st1:hover{background:#f2f2f2; text-decoration:none !important;}
.btn-st1.down2{padding:5px 15px; font-size:.85em; display:inline-block;}
.btn-small {font-size:.8rem;font-weight:normal;padding:10px;}

/* hr style */
.hr-st1 {display:block;width:100%;border:0.5px dashed #ccc}


/* table_basic */
.table_basic {width: 99%;border-collapse:collapse;border-spacing:0;margin:10px auto 0px;overflow:auto;max-height: 800px;}
.table_basic thead tr:first-child th {border-top:1px solid #555 !important;}
.table_basic tbody tr:first-child > * {border-top:1px solid #555 !important;}
.table_basic thead + tbody tr:first-child > * {border-top:none !important;}
.table_basic thead th{background:#f2f2f2; font-weight:bold;color:#333;}
.table_basic tbody th {background:#f8f8f8;font-weight:500;color:#333;}
.table_basic th, .table_basic td {border:1px solid #ddd;padding:10px; line-height:150%;text-align:center;}
.table_basic td {text-align:left;}
.table_basic td i {padding-right:3px;}
.cell_center td, .cell_center th {text-align:center;}
.cell_left th{text-align:left;}
.cell_left {text-align:left !important;}
.th_right_border th{/* border-right:1px solid #ddd; */}
.th_right_border th:last-child{/* border-right:none; */}
.td_right_border td{border-right:1px solid #ddd;}
.td_right_border td:last-child{border-right:none;}


/* table_board */
.table_board{width:100%; border-collapse:collapse; border-spacing:0; margin:10px auto 30px; overflow:auto; max-height:800px;}
.table_board thead th{background:#fff; font-weight:bold; border-top:2px solid #000; border-bottom:1px solid #555;}
.table_board th, .table_board td {border-left:none; border-right:none;border-bottom:1px solid #ddd;padding:10px 3px; line-height:150%;text-align:center;}

/* Research Style */
#contentment{border:1px solid #ddd; font-size:15px;position:relative;}
.manager{border-bottom:1px solid #ddd; padding:15px 18px;}
.manager ul{}
.manager ul li{display:inline-block; letter-spacing:-0.5px;}
.research{background-color:#f2f2f2; overflow:hidden; padding:22px 0 20px;}
.research .researchCount{float:left;}
.research .researchCount h2{padding-left:18px;}
.research .researchCount h2 .fa-check{margin-right:8px;}
.research .researchCount form{width:460px;}
.research .researchCount form ol, .research .researchCount form ul{overflow:hidden; width:100%;}
.research .researchCount form ol{padding:20px 0 0 24px;}
.research .researchCount form ul li{float:left; width:19%; margin-left:1%;}
.research .researchCount form ul li:first-child{width:60%; margin-left:0;}
.research .researchCount form ul li p{height: 40px;line-height: 40px;text-align: center;}
.research .researchCount form ul li p input{color:#fff;}
.research .researchCount form ol li{float:left;text-align:center;}
.research .researchCount form ol input{}
.research .researchCount form ol label{}
.researchCount form ul{padding:20px 0 0 30px;}
.research .researchCount form ul input{background: transparent;padding: 0;}
.research .researchCount form input.researchTxt{padding:8px 18px;width:100%;background: #fff;}
.research .researchBtn{background:#094a3d;}
.research .resultBtn{background:#7d7d7d;}
.research .bar{display:inline-block; width:1px; height:125px; background:#ddd; float:left; margin:0 25px 0 38px;}
div.qrCode{overflow:hidden;float:left;background: #13a6ec;padding: 4px;border: 8px solid #fff;border-radius: 7px;}
div.qrCode canvas{float:left;width: 100px;height: 100px;border: 6px solid #fff;}
p.qr{float:left; margin:24px 0 0 20px;}

/* researchRusult */
.research_result {position:absolute;left:25%;top:7%;width:50%;height:86%;background:#fff; border:3px solid #d5d5d5;overflow: hidden;}
.research_result h4 {float:left; margin:10px 0 0 40px;padding:0 0 0 40px; width:85%; font-size:1.2em; color:#2f3646; line-height:1.8; background:url(/images/www/common/h4_result.gif) left top no-repeat}
.research_result h4 span { font-weight:normal}
.pointBtn {position:absolute; right:7px; top:5px;}
.pointBtn button{padding:6px;}
.research_summary {padding:10px;width:80%;position:absolute;left:10%;background: #F9F1C9;top: 14%;border-radius:5px;z-index:1;}
.research_summary p {clear:both;margin:0;padding: 8px 0 1px;}
.research_summary p.btn_close02 {text-align:center;margin: 15px auto 0;border-top: 1px dashed #d8c2a0;width: 100%;}
.research_graph{padding:15px 15px 0; display:inline-block;}
.research_graph dl{width:100%; padding-bottom:5px;padding-left:90px; position:relative; display:inline-block;}
.research_graph dl dt{position:absolute; left:0;}
.research_graph dd{position:relative; }
.research_graph dd span{position:absolute; left:0; font-size:.8rem; padding-left:4px;}
.research_graph dd i{display:inline-block;height:18px;background:linear-gradient(#f3882c, #e0af25);}
.research_graph dd i{background: -webkit-linear-gradient(right, #f3882c, #e0af25);}
.research_graph dd i{background: -moz-linear-gradient(right, #f3882c, #e0af25);}
.research_graph dd i{background: -o-linear-gradient(right, #f3882c, #e0af25);}
.research_graph dd i{background: linear-gradient(to left, #f3882c, #e0af25);}

@media screen and (max-width: 1024px) {
	.subWrap {width:100%; padding:10px;}
	.left-menu{display:none;}
	.lnb{display:none;}

	.manager{padding:10px 14px;}
	.research{padding:16px 0 4px;}
	.research .researchCount{width:100%;}
	.research .researchCount form{width:100%;}
	.research .researchCount h2{padding-left:8px; letter-spacing:-0.7px; font-size:14px;}
	.research .researchCount h2 .fa-check{margin-right:4px;}
	.research .researchCount form ol{padding:20px 0 0 15px;}
	.research .researchCount form ol li{width:33%; text-align:left;}
	.research .researchCount form ol li:nth-child(4n){margin-top:14px;}
	.research .researchCount form ol li:nth-child(5n){margin-top:14px;}
	.researchCount form ul{padding:20px 10px 0 10px;}
	.research .researchCount form ul li{float:left; width:15%;}
	.research .researchCount form ul li:first-child{width:59%;}
	.research .researchCount form ul li:last-child{width:24%;}
	.research .bar_wrap{overflow:hidden; padding:15px 10px;}
	.research .bar{width:100%; height:1px; margin:0;}
	.qrCode{margin:0 10px 10px}

	.research_result{left:5%; width:90%; height:53%; }
}
@media screen and (max-width: 740px) {
	.subWrap .sub-cont .tabMenu ul li{width:50%;}
}                     

/* step box Style */
.step_box{}
.step_box i{text-align:center; padding:20px 0; display:block;}
.step_box dl{border: 1px solid #ddd;}
.step_box dl dt{height: 50px;text-align: center;border-bottom: 1px solid #ddd;background: #eef5ed;color: #000; font-weight:bold;line-height: 50px;}
.step_box dl dd{min-height: 60px;height: auto;text-align: center;padding: 20px 0;}
         
.step_box2{padding-top: 20px;}
.step_box2 li{float: left;padding-bottom: 18px;width: 33.33333%;padding-right: 5%;text-align: center;position:relative;height: 120px;}
.step_box2 li p{padding: 30px 30px 0 30px;border: 1px solid #ddd;border-radius: 5px;height: 100%;}
.step_box2 li i{position:absolute;top:38%; right:5%;}

@media screen and (max-width:740px) {
	.step_box2 li p{padding-top:22px;}
}
                    

/* 사이트맵 */
.sitemap{border-top:2px solid #000;}
.sitemap > li{border-bottom: 1px solid #ddd;padding: 20px; display:inline-block; width:100%;}
.sitemap > li:hover{background:#f2f2f2;}
.sitemap > li > a{font-size:1.2rem;float: left;width: 20%;font-weight:bold;color: #02836a;}
.sitemap .sitemap_box{display: inline-block;width: 79%;border-left: 1px dashed #ddd;padding-left: 2%;padding-top: 6px;margin-left: 1%;overflow:hidden;}
.sitemap .sitemap_box > li{width: 32%;float:left;padding-bottom: 40px;}
.sitemap .sitemap_box > li > a{font-size: 1.05rem;color:#000;font-weight: 600;display:block;}
.sitemap .sitemap_cont{margin-top: 10px;display: inline-block;}
.sitemap .sitemap_cont > li{padding-left: 8px;padding-bottom:2px;}
.sitemap .sitemap_cont > li > a{font-size: .78rem;color:#777;position:relative;}
.sitemap .sitemap_cont > li > a:before{content:'';width: 3px;height: 3px;background: #333;display:inline-block;position:absolute;left: -6px;border-radius: 3px;top: 8px;}

@media screen and (max-width:740px) {
	.sitemap > li > a{width:100%;}
	.sitemap .sitemap_box{width:100%;}
	.sitemap .sitemap_box > li{width:49%;}
	.sitemap .sitemap_box{margin: 12px 0 0;padding: 16px 0;border-left:0;border-top: 1px dashed #ddd;}
}