/* 
 * Nanum Barun Gothic Web Fonts
 * https://github.com/hiun/NanumBarunGothic
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */
 
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(./fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(./fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(./fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(./fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(./fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(./fonts/NanumBarunGothicLight.woff) format('woff'),
       url(./fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(./fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothic.woff2) format('woff2'),
       url(./fonts/NanumBarunGothic.woff) format('woff'),
       url(./fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(./fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       /*url(./fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(./fonts/NanumBarunGothicBold.woff) format('woff'),*/
       url(./fonts/NanumBarunGothicBold.ttf) format('truetype');
}

* {font-family: "Nanum Barun Gothic","Arial";}

body{width:100%; margin:0 auto; padding:0px; font-size:12px; overflow-y:scroll;}
img{border:none; padding:0px; margin:0px; outline:none;}
a{border:none; padding:0px; margin:0px; outline:none; text-decoration:none;}
a:active{color: #666666; text-decoration: none; }
a:link	{color: #666666; text-decoration: none;  }
a:visited{color: #666666; text-decoration: none; }
a:hover{color: #666666; text-decoration: none; }
input, select, textarea{outline:none;}


#wrap{width:100%; margin:0 auto; min-width:1000px;}

/*헤더*/
#header {width:100%; height:100px; margin:0 auto;}
.header {width:1000px; margin:0 auto; padding-top:34px; *zoom:1;}
.header:after {content:""; display:block; clear:both;}
.header > .logo {float:left;}
.header > .nav {float:right; margin-top:12px;}
.header > .nav > ul {list-style:none; padding:0px; margin:0px; *zoom:;1;}
.header > .nav > ul:after {content:""; display:block; clear:both;}
.header > .nav > ul > li {float:left; height:15px;}
.header > .nav > ul > .li01 {margin-right:31px;}
.header > .nav > ul > .li02 {margin-right:31px;}
.header > .nav > ul > .li03 {margin-right:31px;}
.header > .nav > ul > .li04 {margin-right:30px;}
.header > .nav > ul > .li05 {margin-right:30px;}
.header > .nav > ul > .li06 {margin-right:30px;}
.header > .nav > ul > .li07 {}

/*컨텐츠*/
#container {width:100%; margin:0 auto; position:relative; top:0px; left:0px;}

/*메인컨텐츠*/
#main_con {width:100%; margin:0 auto; padding:24px 0; background-color:#e1eef3;}
.main_con {width:999px; margin:0 auto; position:relative; top:0px; left:0px; z-index:9; *zoom:1;}
.main_con:after {content:""; display:block; clear:both;}
.main_con > .left_con {float:left; width:492px;}
.main_con > .left_con > .top_con {margin-bottom:15px;}
.main_con > .left_con > .bottom_con {}
.main_con > .right_con {float:right; width:492px;}
.main_con > .right_con > .top_con {margin-bottom:15px;}
.main_con > .right_con > .top_con > .sub01_con {margin-bottom:15px;}
.main_con > .right_con > .top_con > .sub02_con {}
.main_con > .right_con > .top_con > .sub02_con > table {width:100%; margin:0 auto;}
.main_con > .right_con > .bottom_con {}
.main_con > .right_con > .bottom_con > .sub01_con {margin-bottom:15px;}
.main_con > .right_con > .bottom_con > .sub01_con > table {width:100%; margin:0 auto;}
.main_con > .right_con > .bottom_con > .sub02_con {}
.main_con > .right_con > .bottom_con > .sub02_con > table {width:100%; margin:0 auto;}

/*우측하단 사람이미지*/
.main_con_person_img {position:absolute; bottom:-30px; right:0px;}

/*푸터*/
#footer {width:100%; height:97px; margin:0 auto; border-top:1px solid #e8e8e8;}
.footer {width:1000px; margin:0 auto; padding-top:33px;}
.footer > .text01 {margin-bottom:13px;}
.footer > .text01 > span {color:#a6a6a6;}
.footer > .text02 {}
.footer > .text02 > span {color:#a6a6a6;}

/*서브*/
#sub_con {width:100%; margin:0 auto;}

/*메뉴*/
#sub_con > #nav {width:100%; margin:0 auto; background-color:#02a19c;}
#sub_con > #nav > .nav {width:1000px; margin:0 auto;}
#sub_con > #nav > .nav > ul {list-style:none; padding:0px; margin:0px; border-left:1px solid #03bbb5; *zoom:1;}
#sub_con > #nav > .nav > ul:after {content:""; display:block; clear:both;}
#sub_con > #nav > .nav > ul > li {float:left; border-right:1px solid #03bbb5; text-align:center;}
#sub_con > #nav > .nav > ul > .on {background-color:#01b1ab;}
#sub_con > #nav > .nav > ul > li > a {display:block; padding:16px 0;}

/**/
.sub_con {width:1000px; margin:0 auto; padding-top:50px;}

/*타이틀*/
.sub_con > .title_con {margin-bottom:55px;}
.sub_con > .title_con > table {width:100%; margin:0 auto;}
.sub_con > .title_con > table > tbody > tr > td > .route_con > .route_home_icon {margin-right:5px;}
.sub_con > .title_con > table > tbody > tr > td > .route_con > .route_arrow {margin-right:4px;}
.sub_con > .title_con > table > tbody > tr > td > .route_con > .route_text {font-size:11px; color:#a6a6a6; margin-right:3px;}

/*--*/

/*병원소개 - 인사말*/
#intro_sub01_bg {width:100%; height:672px; margin:0 auto; background:url('/img/intro/intro_sub01_con_bg.png') repeat-x;}

/*병원소개 - 병원둘러보기*/
.intro_sub03_con {margin-bottom:70px; *zoom:1;}
.intro_sub03_con:after {content:""; display:block; clear:both;}
/*왼쪽 - 슬라이드*/
.intro_sub03_con > .left_con {float:left; width:775px;}
#intro_sub03_slide{position:relative; top:0px; left:0px; width:773px; height:398px; margin:0 auto; border:1px solid #eeeeee;}
#intro_sub03_slide_div{z-index:1; width:773px; height:398px; margin:0 auto;}
.intro_sub03_slide_list{list-style:none; padding:0px; margin:0 auto; width:773px; height:398px; display: block;}
.intro_sub03_slide_list li{float:left; width:773px; height:398px;}
#intro_sub03_slide_div.responsive {width: auto; margin-left: 0;}
/*오른쪽 - 슬라이드 메뉴*/
.intro_sub03_con > .right_con {float:right; width:210px;}
.intro_sub03_slide_nav {}
.intro_sub03_slide_nav > ul {list-style:none; padding:0px; margin:0px; *zoom:1;}
.intro_sub03_slide_nav > ul:after {content:""; display:block; clear:both;}
.intro_sub03_slide_nav > ul > li {float:left; width:101px; height:64px; margin-right:8px; margin-bottom:8px;}
.intro_sub03_slide_nav > ul > li:nth-child(even) {margin-right:0px;}

/*병원소개 - 찾아오시는길*/
.intro_sub04_con {margin-bottom:70px;}

/*병원소개 - 진료시간*/
#intro_sub05_bg {width:100%; height:598px; margin:0 auto; background:url('/img/intro/intro_sub05_con_bg.png') repeat-x;}

/*소아청소년클리닉 - 공용*/
.child_clinic_sub_con {margin-bottom:80px;}

/*성인클리닉 - 공용*/
.adult_clinic_sub_con {margin-bottom:160px;}

/*평가프로그램 - 공용*/
.evaluation_pro_sub_con {margin-bottom:160px;}

/*자가진단테스트 - 공용*/
#selftest_sub_con {width:1000px; margin:0 auto; margin-bottom:160px;}
#selftest_sub_con > .intro_text {margin-bottom:35px;}

/*ADHD테스트 배경*/
.selftest_sub01_bg {width:800px; height:589px; margin:0 auto; padding-top:70px; background:url("/img/selftest/selftest_sub01_bg.png") no-repeat;}

/*아동용 게임중독테스트 배경*/
.selftest_sub02_bg {width:800px; height:1237px; margin:0 auto; padding-top:70px; background:url("/img/selftest/selftest_sub02_bg.png") no-repeat;}

/*아동용 우울증테스트 배경*/
.selftest_sub03_bg {width:800px; height:3197px; margin:0 auto; padding-top:70px; background:url("/img/selftest/selftest_sub03_bg.png") no-repeat;}

/*성인용 우울증테스트 배경*/
.selftest_sub04_bg {width:800px; height:3069px; margin:0 auto; padding-top:70px; background:url("/img/selftest/selftest_sub04_bg.png") no-repeat;}


/*테스트 표*/
.selftest_sub_con {width:715px; margin:0 auto;}
.selftest_sub_con table {width:100%;}
.selftest_sub_con table .title_td {padding-bottom:17px; border-bottom:1px solid #ededed;}
.selftest_sub_con table .radio_div {width:20px; height:20px;  position:relative; top:0px; left:0px;}
.selftest_sub_con table .radio_div input {display:none; position:absolute; top:0px; left:0px;}
/*
.selftest_sub_con table .radio_div input:checked + div {background:url("/img/selftest/selftest_sub_answer_icon_on.png") no-repeat;}
.selftest_sub_con table .radio_div div {display:block; width:20px; height:20px; background:url("/img/selftest/selftest_sub_answer_icon_off.png") no-repeat; cursor:pointer;}
*/

/*공지사항*/

/*게시판*/
#notice_con {width:1000px; margin:0 auto; margin-bottom:135px;}
/**/
.notice_con {margin-bottom:35px;}
.notice_con > table {width:100%; margin:0 auto;}
.notice_con > table > thead > tr > td {height:44px;}
.notice_con > table > thead > tr > td > span {color:#ffffff; font-weight:bold;}
.notice_con > table > tbody > tr > td {height:41px; border-bottom:1px solid #dddddd;}
.notice_con > table > tbody > tr > .info_td {padding:0 18px;}
.notice_con > table > tbody > tr > td span {color:#727272; line-height:20px;}
/*공지아이콘*/
.notice_con > table > tbody > tr > td > .notice_icon {width:38px; text-align: center; background-color: #7fca77; padding: 3px 0px; border-radius: 3px; color:#ffffff;}
/*번호목록*/
.number_list_con {text-align:center;}
.number_list_con > .number_list_btn {margin:0 5px;}
.number_list_con > .number_list_btn > img {vertical-align:middle;}
.number_list_con .list_a {margin:0 3px; vertical-align:middle;}
.number_list_con .list_a > .text {color:#909090; font-weight:bold;}
.number_list_con .list_a > .text_on {color:#7fca77;}

/*게시판 뷰페이지*/
.notice_view_con {width:450px; margin:0 auto;}
.notice_view_con > table {width:100%; margin:0 auto;}
.notice_view_con > table > thead > tr > td {background-color:#7fca77; padding:20px;}
.notice_view_con > table > thead > tr > td > span {color:#ffffff; font-weight:bold;}
.notice_view_con > table > tbody > tr > td {padding:25px 20px;}
.notice_view_con > table > tbody > tr > td > span {color:#545454; line-height:20px;}