/* 공통 */
.con{line-height:1.5; padding:0 1rem;}

/*인사말*/
.greetings {padding-bottom:2rem;text-align:center;}
.greetings h4{color:#43A7FC; font-size:1rem;padding-bottom:1rem;}
.greetings span{font-family: 'GmarketSans', 'sans-serif';color:#595757;font-weight:700;display:inline-block;padding-bottom:1rem;font-size:0.9rem;}

.ltit_bg .ltit_txt{text-align:center;font-size:1.2rem;font-family: 'GmarketSans', 'sans-serif';padding-bottom:2rem;font-weight:700;}

.ltit{}
.ltit .lt{ background:#e4f9ff;  padding:1rem; position:relative; z-index:0; color:#595757; margin-bottom:20px;}
.ltit:nth-of-type(2) .lt{ background:#EDF1FD;}
.ltit:nth-of-type(3) .lt{ background:#D9DFF5;}
.ltit .lt span{font-size:1.2rem; margin-right:5px; color:#43a7fc;}
.ltit:nth-of-type(2) .lt span{color:#6494ee;}
.ltit :nth-of-type(3).lt span{color:#354EAC;}

.ltit .rcon{margin-top:1rem;position:relative;} 
.ltit .rcon h5{font-size:1rem; position:relative;  padding-left:15px; margin-bottom:1rem; }
.ltit .rcon h5:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 6px; height : 6px; background : #02c6ff; }

.ltit .r01 .half{display: flex;  justify-content: space-between; position:relative;}
.ltit .r01 .half div{flex-basis:47%;vertical-align:top;position:relative;text-align:center;}
.ltit .r01 .half div img{width:7rem;}
.ltit .r01 .half div p{ padding:50px 0 10px; position:relative;}
.ltit .r01 .half div p:after{content : ""; display : block; position : absolute; left :50%;top:0;  width :1px;margin-left:-0.5px; height : 68px; background : #02c6ff; z-index:-1}/*세로선*/
.ltit .r01 .half div p span{display:block; margin:0 auto; border:2px solid #02c6ff; width:100px; height:38px; line-height:36px; border-radius:38px; background : #fff; font-weight:500;}

.ltit .r01 .half div ul{text-align:left; display: table;  margin-left: auto;  margin-right: auto; font-size:0.9rem;}
.ltit .r01 .half div ul li{margin-bottom:5px; position: relative; padding-left:10px;  }
.ltit .r01 .half div ul li:before{ content : ""; display : block; position : absolute; left :0; top:50%;  margin-top:-1.5px; width : 3px; height : 3px; background : #02c6ff; border-radius:50%; }

.ltit:nth-of-type(2){margin-top:2rem;}
.ltit .r02 .heart{margin: 0rem 0 3rem; padding-left:1rem;}
.ltit .r02 .heart li{display:block; width:100%; position:relative; padding:5px 20px 5px 45px; border-radius:45px;  border:2px solid #6494EE; margin-top:1rem;}
.ltit .r02 .heart li span{position:absolute; left:-20px; top:50%; transform:translateY(-50%);  background:url('/images/default/content/heart.png') no-repeat center bottom; display:block; width:48px; height:45px; text-align:center; line-height:45px; color:#fff;}
.ltit .r02 .yearType{position:relative; padding-top:4rem; background:url('/images/default/content/arr_up.png') no-repeat 35% top; background-size:100% auto;}
.ltit .r02 .yearType ul{display: flex;justify-content: space-around; flex-flow: row wrap; text-align:center;}
.ltit .r02 .yearType ul li{ flex-basis: 48%;  border-radius:20px;margin-bottom:1rem; }
.ltit .r02 .yearType ul li p{background:#6494EE; border-top-left-radius:20px; border-top-right-radius:20px; height:40px; line-height:40px; color:#fff; font-weight:600;}
.ltit .r02 .yearType ul li div{ height:110px; display: flex; align-items: center; justify-content: center; border:1px solid #6494EE; border-bottom-left-radius:20px; border-bottom-right-radius:20px; font-size:0.95rem;}
.ltit .r02 .al,
.ltit .r02 .ar{display:none;}

.ltit:nth-of-type(3){margin-top:2rem;}
.ltit .r03{ }
.ltit .r03 .title{text-align:center; padding:5px 0; color:#354eac; border:2px solid #354eac; font-size:1rem; font-weight:500; border-radius:40px;}
.ltit .r03 ul{text-align:center; padding:1rem 0 0; width:100%; text-align:left;}
.ltit .r03 ul li{width: 100%; position:relative; vertical-align:middle; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}



/*cl/캐릭터소개*/
.logo_box{color:#595757; margin: 3rem 0;}
.logo_box h4{color: #000; font-size: 1.5rem;  padding-bottom: 0.6rem; }
.logo_box p{padding-bottom: 1rem;}
.logo_box .logo_img{position: relative; text-align: center; border: 1px solid #dddddd; height: 150px; line-height: 150px; background: url('/images/default/content/chr00.gif') repeat-x center bottom; }
.logo_box .logo_img img{max-width: 90%; position: absolute; top: 50%;left: 50%; transform: translate( -50%, -50% );}
.logo_box .down_btm{display: flex; flex-direction: row; justify-content: space-between;  align-items: center; margin: 1rem 0;}
.logo_box .down_btm li{width: 48%; padding: 15px 0 14px; text-align: center; margin-top: 0; font-size: 0.8rem; background: #6494ee; border: 1px solid  #6494ee; }
.logo_box .down_btm li:hover{box-shadow: 0px 3px 20px 3px rgba(0,0,0,0.15);}
.logo_box .down_btm li i{ transform: translateY(-2px);}
.logo_box .down_btm li a{display: block;}
.logo_box .down_btm li a button{color: #fff; background: none; border: none; font-size: 0.7rem; font-weight: 500;}
.mascot{color:#595757;}
.mascot h4{padding-bottom: 0.6rem; font-size: 1.5rem; color: #000;}
.mascot .mas_box01{display: flex; flex-direction: column;}
.mascot .mas_box01 .mas_inbox01{width: 100%; border: 1px solid #dddddd; background-color: #f9f9f9; text-align: center; padding: 2rem 0; margin-right: 4%;}
.mascot .mas_box01 .mas_inbox02{width: 100%; padding: 2rem 0;}
.mascot .mas_box01 .mas_inbox02 h5{font-size: 1.3rem; margin-bottom: 0.4rem; color: #000;}
.mascot .mas_box01 .mas_inbox02 li{padding-left: 1.8rem;  padding-bottom: 0.8rem;}
.mascot .mas_box01 .mas_inbox02 li:last-child{padding-bottom: 0;}
.mascot .mas_box01 .mas_inbox02 li span{position: relative;}
.mascot .mas_box01 .mas_inbox02 li span:after{content: ""; position: absolute; width: 17px; height: 16px; top:4px; left:-28px; background:url('/images/default/content/chrChk.png') no-repeat center bottom; background-size: 100% auto;}
.mascot .mas_box02{width: 100%; text-align: center;}
.mascot .mas_box02 li{padding: 2rem; margin: 2rem 0; border: 1px solid #dddddd; background-color: #f9f9f9;}
.mascot .mas_box02 li:first-child{margin: 0}
.mascot .mas_box02 li:last-child{margin-bottom:0;}

/*연혁*/
.ovw{position: relative; padding-top: 0;}
.ovw:after{position: absolute; content:""; width: 100px; height: 170px; top:2px; right:0; background:url('/images/default/content/his1.png') no-repeat top right; background-size: 100% auto; z-index: -1; background: none;}
.his{margin:2rem 0 0;}
.his:first-child{border-top:none;}
.his h3{color: #000;width: 100%; margin:0; display: block; padding-right: 15px; font-weight:600; font-size: 1.5rem;}
.his ul{margin: 0.5rem 0 0;}
.his ul li{position:relative; padding-left:2.1rem;  margin-top:0.5rem;}
.his ul li:first-child{ margin-top:0; }
.his ul li b{position:absolute; left:0; color: #6494ee ;top:0px; font-weight:500;}
.con_tab {margin-bottom: 50px; font-size: 0;line-height: 1;text-align: center; }
.con_tab ul{font-family: 'Montserrat'; display: block; z-index: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.con_tab li {width: calc(50% - 0.25rem); height: 45px; line-height: 45px; margin: 0.3rem 0; vertical-align: top; border: 2px solid #eee; }
.con_tab li a {display: block; position: relative; font-size: 1.05rem;font-weight: 400;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}
.con_tab li a:before {content: ''; display: block; width: 100%; height: 2px; position: absolute;bottom: 0;left: 0;}
.con_tab li a span {display: block; padding: ;position: relative;}
.con_tab li:last-child a span:after {display: none;}
.con_tab li.on a, .con_tab li a{color: #666666;}
.con_tab li.on a, .con_tab li a:hover {color: #6494ee; font-weight: bold;}
.con_tab li.on a:before,
.con_tab li a:hover:before{border: 2px solid #6494ee; height: 44px; position: absolute; bottom: 0; left: -2px; z-index: 100;}

/*조직도*/
.organ_box{text-align: center; margin: 2rem 0 4rem;word-break: keep-all; }
/*.table_box{width: 100%; font-family:'Noto Sans KR', 'sans-serif'; width:100%;	overflow:auto;}*/
.organ_con{border-collapse: collapse; width: 100%; border-spacing: 0; font-size:0.95rem;table-layout: fixed;}

.organ_con col:nth-child(1){width: 8%;} 
.organ_con col:nth-child(2){width: 12%;}
.organ_con col:nth-child(3){width: 14%;}
.organ_con col:nth-child(4){width: 50%;}
.organ_con col:nth-child(5){width: 14%;}
.organ_con thead th{background-color: #f8f8f8; border-top: 2px solid #707070; border-left: 1px solid #dddddd;  color: #333; font-weight: bold; padding:5px 2px 4px 2px;}
.organ_con tbody td{border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-weight: 400; color: #333; padding:5px ; text-align:center; background-color:#fff;  word-break: keep-all;}

.organ_con tbody .al_left{text-align: left; }
.organ_con .left_td{border-left: 0}

/* 오시는길 */
.maprow{width: 100%; margin-bottom: 2rem; display: block;}
.info {width: 100%; margin: 1rem 0; padding: 2rem 1rem; background: #fafafa;}
.info h4{margin-bottom: 0.6rem; color: #000;}
.info li{padding-left: 30px;  margin-bottom: 0.4rem;}
.info li span{position: relative; font-weight: 500;word-break: break-all;}
.info li .address:before{position: absolute; content:""; width: 21px; height: 20px; top:2px; left:-30px; background:url('/images/default/content/map1.png') no-repeat center bottom; background-size: 100% auto;}
.info li .tel:before{position: absolute; content:""; width: 21px; height: 20px; top:2px; left:-30px; background:url('/images/default/content/map2.png') no-repeat center bottom; background-size: 100% auto;}
.info .add_wrap{padding-left: 0; margin-top: 1.5rem;}
.info .add_wrap span{position: relative; font-size: 0.8rem;}
.info .add_wrap span .xi-plus{position: absolute; top:5px; right: 0.4rem; color: #6494ee;}
.info .add_wrap .add_btm{border: 1px solid #6494ee; background: #fafafa; color: #6494ee; padding: 0.6rem 1.4rem 0.6rem 0.6rem;}
.info .add_wrap .add_btm:hover{box-shadow: 1px 1px 10px rgba(0,0,0,0.15);}
.map{width: 100%;}
.root_daum_roughmap{width: 100% !important; height:18rem;}
.root_daum_roughmap .wrap_map{width 100%; height:100% !important;}
.mapinfo{position:relative; margin-bottom: 2rem;}
.mapinfo:last-child{ margin-bottom: 0;}
.mapinfo h4{font-size: 1.2rem; color: #6494ee; padding-left:40px; background:url('/images/default/content/map3.png') no-repeat 0 center; margin-bottom:1rem;}
.mapinfo:nth-of-type(2) h4{background:url('/images/default/content/map4.png') no-repeat 0 center; }
.mapinfo:nth-of-type(3) h4{background:url('/images/default/content/map5.png') no-repeat 0 center; }
.mapinfo .inf_content{letter-spacing:0; font-family:'Noto Sans KR', 'sans-serif'; padding-left:1rem; word-break:break-all;}
.mapinfo .inf_content p{margin-top:30px; position:relative; color:#221815; font-weight: 500;}
.mapinfo .inf_content p:after{position: absolute; content:""; width: 5px; height: 5px; top:50%; transform:translateY(-50%);  left:-15px; border-radius: 15px; background-color: #6494ee;}
.mapinfo .inf_content p:nth-of-type(1){margin-top:0;}
.mapinfo .inf_content ul li{position:relative; padding-left:100px;}
.mapinfo .inf_content ul li span{position:absolute; left:0px; top:0; color:#00A9FE;}
.mapinfo .inf_content ul.ps{margin-top:30px; color: #FF3D00;font-size:0.95rem;}
.mapinfo .inf_content ul.ps li{padding-left:20px;}
.mapinfo .inf_content ul.ps li:before{content:'※'; display : block; position : absolute; left :0; top:0; }


/*스마트폰 과의존이란?*/
.txt_img{font-family:'GmarketSans', 'sans-serif'; margin: 0 0 2rem;}
.txt_img h4{font-size: 1.5rem; margin-bottom: 0.1rem; color: #000;}
.txt_img span{position: relative; z-index: 100;}
.txt_img span:after{content:"";position: absolute; width: 100%; height: 0.9rem;  top: 3px; left:0; background: #feda6e; z-index: -1;}
.txt_img p{}


.ovde_txt{text-align: center;  font-weight: 500; color: #5a5859; margin-bottom: 1rem;}
.ovde_sym{position: relative; background-color: #fbfbfb; padding: 1rem 0 3rem; text-align: center;}
.ovde_sym:after{content:"";position: absolute; width: 120%; height:100%;  top: 0; left:-10%; background: #fbfbfb; z-index: -1;}
.ovde_sym ul li{display:block; margin:3rem 0;vertical-align:top;}
.ovde_sym ul li div{display: flex; align-items: center; justify-content: center; width:14rem; height:14rem; border-radius:50%; background:#fff;border: 1px solid #dfdfdf; box-shadow: 1px 1px 20px rgba(0,0,0,0.15); flex-direction: column; position:relative; margin:0 auto;}
.ovde_sym ul li img{position:absolute; left:50%; top:-1.5rem; margin-left:-1.5rem; width:3rem;}
.ovde_sym ul li h5{ margin-bottom: 0.4rem;}
.ovde_sym ul li h5 em{position: relative; z-index: 1; font-size:1.3rem; color:#38302D;}
.ovde_sym ul li h5 em:after{content:"";position: absolute; width: 100%; height: 0.5rem; top: 4px; left:0; background: #feda6e; z-index: -1;}
.ovde_sym ul li p{line-height: 1.5; padding:0 20px; width:100%; display:inline-block;}
.ovde_sym_img{position:relative; z-index:1;}




/*인터넷 중독 진단 페이지*/
.per_title{font-size: 1.2rem; color: #ff5502; text-align: left; margin:1rem 0 10px;}
.per_info{background: #FBFBFB; border: 1px solid #CFCFCF; padding: 1rem;}
.per_info .pesonalInfo{overflow:hidden;}
.per_info em{display:none;} 
.per_info select{text-align: right; width:46%; margin:5px; float:left; vertical-align:middle;}
.per_info select:focus{border: 1px solid #ffc000; color:#ffc000;}
.per_info select:focus option{color: black; background: #fff;}
.per_info .radio{display:inline-block; vertical-align:middle; height:35px; line-height:35px;}
.per_info .radio:nth-of-type(1){margin-left:10px;}

.que_con{ margin: 0 auto; }
.question{text-align:center; padding:2rem 0 3.8rem; font-size:0.9rem; border-bottom: 1px solid #c1c1c1;}
.question .question_text{display: block; font-size: 1.3rem; color:#222; font-weight:500; margin-bottom:15px; word-break:keep-all;}

.question .chks {display:inline-block; width:24%; font-weight:normal; text-align:center;}
.question .chks div{position:relative;}
.question .chks input[type="radio"] {position:absolute;width:0px;height:0px;padding:0;margin:0px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.question .chks input[type="radio"] + label {display:inline-block; position:relative; vertical-align:top;line-height:3rem; cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.question .chks input[type="radio"] + label:before {content:'';position:absolute;left:50%; transform:translateX(-50%);  top:0;margin:0; width:3rem;height:3rem; text-align:center;background:#fff;border:2.5px solid #ffc000;box-sizing:border-box; border-radius: 50%;}
.question .chks input[type="radio"] + label:active:before,
.question .chks input[type="radio"]:checked + label:active:before {}
.question .chks input[type="radio"]:checked + label:before {background:#ffc000;border:1px solid #ffc000; border-radius: 50%;}
.question .chks input[type="radio"]:checked + label:after {
	border-radius: 1px;content:"";display:block; position:absolute;width:1rem;height:0.5rem;left:-10px; top:0.9rem;border-width:0 0 5px 5px;
	border-style:solid;border-color:transparent transparent #fff #fff;transform:rotate(-50deg);-ms-transform:rotate(-50deg); 
}
.question .chks span{display:block; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center; height:50px; line-height:1.1;}

/*인터넷 중독 진단 결과*/
.teres{font-family:'GmarketSans'; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;  }
.teres .tre_title{font-size: 1.2rem; font-weight: 500;}
.teres .tre_title i{font-size: 2rem; color: #ffc000;}
.teres .rescor{background: #ffc000; padding: 1rem 1rem; border-radius: 15px; margin: 1rem 0;}
.teres .rescor li{color: #fff; padding: 0 0.6rem;}
.teres .rescor li:nth-child(2){margin:0.5rem 0;}
.teres .rescor li:nth-child(2) em{font-size:1.3rem;}
.teres .recolor{color:#FF3D00; font-size: 0.82rem} 
.teres .tre_box{margin: 1rem 0; padding: 1rem 0;  border-top: 4px solid #ffc000; border-bottom: 2px solid #ffc000;}

.teres .tre_box h4{font-weight: 500; color: #ffc000; font-size:1.5rem;}
.teres .tre_box h5{font-weight: 500; font-size:1.2rem;  }
.teres .tre_box .box_txt{font-family:'Noto Sans KR', 'sans-serif'; width: 100%; display: block;background-color: #fffcf4; padding:1rem; color: black; font-size: 0.95rem; font-weight: 400; text-align: left; word-break:break-all; margin-top:0.5rem; color:#454545;}

/*상담*/
.consult_list{display: flex; flex-direction: row; justify-content: space-between;  align-items: center; margin-bottom:1rem;}
.consult_list li{width:25%;position:relative;text-align:center; line-height: 1.3;}
.consult_list li img{width:4rem;}
.consult_list li p{margin-top:0.95rem; color:#221815; height:50px;}
.consult_list li p span{font-size:0.75rem; display:block;}
.consult_list li::after{content:"";display:block;position:absolute;right:-0.425rem;top:30%;width:0.85rem;height:0.85rem;background:url("/images/default/content/consult_bar.png") no-repeat center; background-size:100% 100%;z-index: 10;}
.consult_list li:last-child::after{content:"";display:none;}

.expl_box{padding-top:2rem; margin-top:2rem;  position:relative;}
.expl_box:before{content : ""; display : block; position : absolute; left : -20%; top:0;  width :150%; height : 1px; background : #CCCCCC;}
.expl_box:nth-of-type(1){border-top:none; padding-top:0; margin-top:0;}
.expl_box:nth-of-type(1):before{display:none;}
.expl_box .expl_img{width: 100%; margin-bottom:2rem;}
.expl_box .expl_img img{max-width: 100%;}
.expl_box .expl_txt{width: 100%;}
.expl_box .expl_txt .title{font-size: 1.1rem; color: #221815;font-family:'GmarketSans', 'sans-serif'; margin-bottom:10px;}
.expl_box .expl_txt .title em{position: relative; z-index: 1;}
.expl_box .expl_txt .title em:after{content:""; display : block;  position: absolute; width: 100%; height: 0.5rem; top: 4px; left:0; background: #b5f0df; z-index: -1;}
.expl_box .expl_txt .expl_con{width: 100%; font-family:'Noto Sans KR', 'sans-serif'; border-top: 2px solid #707070; font-size:0.95rem; word-break:break-all;}
.expl_box .expl_txt .expl_con tbody td{border-bottom: 1px solid #dddddd; font-weight: 400;color: #333; padding:11px 15px 10px 15px; word-break: keep-all;}
.expl_box .expl_txt .expl_con tbody th{background-color:#F5F5F5; border-bottom: 1px solid #dddddd; font-weight: 500; text-align:center;}
.expl_box .expl_txt .expl_con .ast{font-family:'Noto Sans KR', 'sans-serif'; display:inline; font-size:0.8rem;}
.expl_box .expl_txt .expl_con .bg{background:#FFEBEE; padding:10px; font-size:0.75rem; margin:10px 0 5px; }
.expl_box .expl_txt .expl_con .bg li{position:relative; padding-left:55px;}
.expl_box .expl_txt .expl_con .bg li span{display:inline-block; width:50px; position:absolute; left:0; top:0;}
.expl_box .expl_txt .expl_con .bg li span:after { content:""; display:inline-block; width:100%; height:0;}


.expBtn{display:block; width:150px; margin:0 auto; height:50px; line-height:50px; background:#47DAAE; color:#fff; margin-top:2rem; text-align:center;}
.expBtn:hover{box-shadow:0px 4px 3px rgba(0, 0, 0, 0.2); background:#3fcaa0;}

/*예방교육*/
.expl_box .pvt_color .title em:after{background: #bbf0f6;}
.prevent_list{overflow:hidden; margin-bottom:1rem; margin-top:-10px;}
.prevent_list li{width:33.33%; float:left; position:relative;text-align:center; line-height: 1.3; margin:10px 0;}
.prevent_list li img{width:4rem;}
.prevent_list li p{margin-top:5px; color:#221815;font-size:0.85rem;}
.prevent_list li p span{font-size:0.75rem; display:block;}
.prevent_list li::after{content:"";display:block;position:absolute;right:-0.425rem;top:30%;width:0.85rem;height:0.85rem;background:url("/images/default/content/consult_bar.png") no-repeat center; background-size:100% 100%;z-index: 10;}
.prevent_list li:last-child::after,
.prevent_list li:nth-of-type(3)::after{content:"";display:none;}


/*연계협력사업*/
.deal_bg .deal_color p em:after{background: #ffd2e9;}
.s_txt{font-size:0.85rem;}