@charset "utf-8";
/*나눔바른고딕*/


/*----------------------------------
 *기본*
----------------------------------*/
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset,input,figure,figcaption{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{}
a{text-decoration:none; font-family:'NanumBarunGothic','Malgun Gothic', dotum, sans-serif;}
textarea{font-family:'NanumBarunGothic','Malgun Gothic', dotum, sans-serif;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:'NanumBarunGothic','Malgun Gothic', dotum, sans-serif; font-size:14px; color:#333; font-weight:400;}
::selection{background:#1f6497; color:#fff;}


/*----------------------------------
 *전체(TOP / MIDDLE / BOTTOM)
----------------------------------*/
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative; background-color:#fff;}
#top_wrap{width:100%; height:145px; border-top:3px solid #f48fac; border-bottom:2px solid #f48fac;}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{margin:0 auto; width:100%; height:210px; background-color:#333333; min-width:1200px;}

/*----------------------------------
 *MAIN_TOP : 탑전체영역
----------------------------------*/
#top_total{margin:0 auto; width:100%; height:145px; position:relative;}
#top_total_a{margin:0 auto; width:1200px; height:100px; position:relative;}

/*----------------------------------
*MAIN_TOP: 로고 & 전화번호
----------------------------------*/
#top_a{margin:0 auto; width:100%; height:45px; border-bottom:1px solid #dddddd;}
.top_a_total{ margin:0 auto; width:1200px; overflow:hidden;}
#top_a .top_cus{float:left; width:500px;  font-size:15px; color:#666; font-weight:400; letter-spacing:-0.3;}
#top_a .top_cus .top_con{float:left; padding-left:5px; line-height:45px; line-height:45px; padding-left:0px;}


/*----------------------------------
*MAIN_TOP: 로그인
----------------------------------*/
#login{float:right; width:400px; height:45px;}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none;}/*border-left:1px solid #ddd;*/
#login li a{display:block; padding:0 10px 0;  height:45px; font-size:13px; line-height:45px; color:#333; font-weight:400; border-right:1px #ddd solid;}
#login li a:hover{color:#fff; background-color:#f48fac;}


#top_logo_nav{float:left; width:210px; height:45px; position:relative; margin-right:50px;}
#logo{float:left; width:210px; height:45px; margin-top:20px;}


/*----------------------------------
*MAIN_TOP: 탑메뉴
----------------------------------*/
/* top_nav */
div#commonGnb{float:left; width:820px; height:90px;}
div#commonGnb div.gnbWrap{width:100%; height:90px;}
div#commonGnb div.gnbWrap ul.gnbLayer{margin:0 auto; width:820px; height:90px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; position:relative; z-index:999;  zoom:1;}
div#commonGnb ul.gnbLayer li{position:relative;}
div#commonGnb ul.gnbLayer li a{display:block; height:90px; padding:0 27px; font-size:16px; line-height:100px; color:#555; font-weight:700; letter-spacing:-0.5px; }
div#commonGnb ul.gnbLayer li a:hover{ color:#c12d57;}

div#commonGnb ul.gnbLayer li dl {position:absolute; left:50%; top:90px; width:165px; margin-left:-82px; display:none;}
div#commonGnb ul.gnbLayer li dd {display:block; background:#fff; overflow:hidden;}
div#commonGnb ul.gnbLayer li dd a {display:block; width:165px !important; height:40px; padding:0; font-size:15px; line-height:40px; color:#666; font-weight:400; border-bottom:1px solid #eeeeee;}
div#commonGnb ul.gnbLayer li dd a:hover {background:#f48fac; color:#FFF;}
div#commonGnb ul.gnbLayer li dd:first-child { border-radius:5px 5px 0 0;}
div#commonGnb ul.gnbLayer li dd:last-child { border-radius:0 0 5px 5px;}
div#commonGnb ul.gnbLayer li dd:last-child a{border-bottom:0px}

/*----------------------------------
*MAIN_TOP: SNS
----------------------------------*/
.position_1#sns_link{width:35px; position:absolute; top:30px; right:0px; }
#sns_link{ float:right; transition:left.8s ease-in-out;}
#sns_link a{display:inline-block; width:35px; height:35px; background-color:#bbbbbb; border-radius:50%; color:transparent; background-repeat:no-repeat; background-position:center; transition:border .3s ease-in-out;}

#sns_link a.i01{ margin-right:3px; background-image:url("../images/i01.png");}
#sns_link a.i02{ margin-right:3px; background-image:url("../images/i02.png");}
#sns_link a.i03{ margin-right:3px; background-image:url("../images/i03.png");}
#sns_link a.i04{ background-image:url("../images/i04.png");}

#sns_link a.i01:hover{ margin-right:3px; background-color:#2cb400;}
#sns_link a.i02:hover{ margin-right:3px; background-color:#ae33af;}
#sns_link a.i03:hover{ margin-right:3px; background-color:#3c5b9a;}
#sns_link a.i04:hover{ background-color:#1ab1e8;}

/*----------------------------------
*INDEX.PHP : 메인화면
----------------------------------*/
#top_main_wrap{margin:0 auto; width:100%; overflow:hidden;}

/*----------------------------------
*INDEX.PHP : 메인_슬라이드이미지
----------------------------------*/
#main_banner_total{margin:0 auto; width:100%; height:600px;}
#main_banner{position:relative; width:100%; min-width:1200px; height:600px; overflow:hidden;}
.main_text{position:absolute; z-index:1000; left:50%; top:50%; margin-left:-600px; margin-top:-163px; width:485px;}
.flex-viewport{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:600px;}
/*----------------------------------
*INDEX.PHP : 메인_타이틀 스타일
----------------------------------*/
.stand{position:relative; margin:0 auto; width:100%; overflow:hidden; padding:70px 0;}/*전체*/
.stand_title{margin:0 auto 40px; width:1200px; overflow:hidden;}
.stand_title .title_a{ width:100%; overflow:hidden; margin:0 auto 10px;  font-size:32px; color:#444; line-height:40px; text-align:center; letter-spacing:-0.5px; font-weight:700;}
.stand_title .title_b{ width:100%; overflow:hidden; margin:0 auto;  font-size:16px; color:#666; line-height:140%; text-align:center; letter-spacing:-0.4px; font-weight:400;}
.stand_title .title_c{ width:100%; overflow:hidden; margin:0 auto 10px;  font-size:30px; color:#444; line-height:40px; text-align:center; letter-spacing:-0.5px; font-weight:700;}

.stand_con{ margin:0 auto; width:1200px; overflow:hidden;}

.stand.main_b{background:#f1edf1;}
.stand.main_c{height:495px; padding:0; background:#e9e2e9;}
.stand.main_c .main_c_left{ position:absolute; left:50%; top:70px; width:440px; margin-left:-600px;}
.stand.main_c .main_c_left .stand_title{width:100%; margin:0 auto 20px;}
.stand.main_c .main_c_left .stand_con{width:100%;}
.stand.main_c .stand_title .title_a{text-align:left;}
.stand.main_c .stand_title .title_b{text-align:left; color:#c10e0e;}
.cus_a{width:100%; height:60px; overflow:hidden; margin-bottom:5px; line-height:30px; font-weight:700; font-size:18px; color:#555;}
.cus_a span{ font-weight:700; line-height:60px; font-size:50px; color:#d6456f;}
.cus_b{width:100%; height:170px; overflow:hidden; margin-bottom:15px; border-radius:10px; background:#fff;}
.cus_b .cus_b_title{float:left; width:31%; height:170px; overflow:hidden; padding:15px 0 0; letter-spacing:-0.05em; background:url('../images/tel_icon.png') no-repeat center 55px; font-size:16px; color:#555; line-height:22px; font-weight:700; text-align:center;}
.cus_b .cus_b_con{float:left; width:69%; height:170px; overflow:hidden; padding:10px 0 0; letter-spacing:-0.05em; color:#555;}
.cus_b .cus_b_con ul{ padding:30px 0; }
.cus_b .cus_b_con ul li{display:block; width:100%; height:25px; font-size:15px; line-height:25px;}
.cus_b .cus_b_con ul li .cus_title{float:left; font-weight:700; display:block; width:20%;}
.cus_b .cus_b_con ul li .cus_con{float:left; font-weight:400; display:block; width:80%;}
.cus_b .cus_b_con ul li:last-child{color:#a50708;}
.cus_c{width:100%; height:30px; overflow:hidden; line-height:30px; font-weight:400; font-size:15px; color:#555; letter-spacing:-0.03em;}

.stand.main_c .main_c_right{ position:absolute; left:50%; width:calc(50% + 115px); height:495px; margin-left:-115px;}


.quick_color{ font-size:32px; color:#c12d57; font-weight:700; letter-spacing:-0.5px;}
.quick_colora{ font-size:30px; color:#c12d57; font-weight:700; letter-spacing:-0.5px;}


.quick_name03{margin:0 auto;  font-size:32px; color:#fff; text-align:left; letter-spacing:-0.5px; font-weight:700; line-height:45px; margin-bottom:20px;}
.quick_name04{margin:0 auto;  font-size:18px; color:#fff; line-height:25px; text-align:left; letter-spacing:-0.7px; margin-bottom:0px; font-weight:400; clear:both;}
.quick_icon{ position:absolute; width:76px; height:70px; left:165px; top:300px; }

/*----------------------------------
*INDEX.PHP : 메인_퀵메뉴01
----------------------------------*/
#main_quick{ margin:0 auto; width:1200px;}

/*01*/
#main_quick_a_wrap{float:left; position:relative; width:1200px; height:95px;}
.main_quick_a{margin:0 auto; width:1200px; height:95px;}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:95px; background:url('../images/main_quick.png') center center;}
.main_quick_a li.qmb01 a{width:330px; height:95px; margin-right:15px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:275px; height:95px; margin-right:15px; background-position:-345px top;}
.main_quick_a li.qmb03 a{width:275px; height:95px; margin-right:15px; background-position:-635px top;}
.main_quick_a li.qmb04 a{width:275px; height:95px; background-position:-925px top;}

.main_quick_a li.qmb01 a:hover{width:330px; height:95px; margin-right:15px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:275px; height:95px; margin-right:15px; background-position:-345px bottom;}
.main_quick_a li.qmb03 a:hover{width:275px; height:95px; margin-right:15px; background-position:-635px bottom;}
.main_quick_a li.qmb04 a:hover{width:275px; height:95px; background-position:-925px bottom;}


/*02*/
#main_quick_b_wrap{float:left; position:relative; width:1200px; height:95px; margin-top:15px;}
.main_quick_b{margin:0 auto; width:1200px; height:95px;}
.main_quick_b li{float:left;}
.main_quick_b li a{display:block; height:95px; background:url('../images/main_quick_a.png') center center;}
.main_quick_b li.qmb05 a{width:330px; height:95px; margin-right:15px; background-position:0 top;}
.main_quick_b li.qmb06 a{width:275px; height:95px; margin-right:15px; background-position:-345px top;}
.main_quick_b li.qmb07 a{width:275px; height:95px; margin-right:15px; background-position:-635px top;}
.main_quick_b li.qmb08 a{width:275px; height:95px; background-position:-925px top;}

.main_quick_b li.qmb05 a:hover{width:330px; height:95px; margin-right:15px; background-position:0 bottom;}
.main_quick_b li.qmb06 a:hover{width:275px; height:95px; margin-right:15px; background-position:-345px bottom;}
.main_quick_b li.qmb07 a:hover{width:275px; height:95px; margin-right:15px; background-position:-635px bottom;}
.main_quick_b li.qmb08 a:hover{width:275px; height:95px; background-position:-925px bottom;}


/*03*/
#main_quick_c_wrap{float:left; position:relative; width:1200px; height:95px; margin-top:15px;}
.main_quick_c{margin:0 auto; width:1200px; height:95px;}
.main_quick_c li{float:left;}
.main_quick_c li a{display:block; height:95px; background:url('../images/main_quick_b.png') center center;}
.main_quick_c li.qmb09 a{width:330px; height:95px; margin-right:15px; background-position:0 top;}
.main_quick_c li.qmb10 a{width:275px; height:95px; margin-right:15px; background-position:-345px top;}
.main_quick_c li.qmb11 a{width:275px; height:95px; margin-right:15px; background-position:-635px top;}
.main_quick_c li.qmb12 a{width:275px; height:95px; background-position:-925px top;}

.main_quick_c li.qmb09 a:hover{width:330px; height:95px; margin-right:15px; background-position:0 bottom;}
.main_quick_c li.qmb10 a:hover{width:275px; height:95px; margin-right:15px; background-position:-345px bottom;}
.main_quick_c li.qmb11 a:hover{width:275px; height:95px; margin-right:15px; background-position:-635px bottom;}
.main_quick_c li.qmb12 a:hover{width:275px; height:95px; background-position:-925px bottom;}


/*04*/
#main_quick_d_wrap{float:left; position:relative; width:1200px; height:95px; margin-top:15px;}
.main_quick_d{margin:0 auto; width:1200px; height:95px;}
.main_quick_d li{float:left;}
.main_quick_d li a{display:block; height:95px; background:url('../images/main_quick_c.png') center center;}
.main_quick_d li.qmb13 a{width:330px; height:95px; margin-right:15px; background-position:0 top;}
.main_quick_d li.qmb14 a{width:275px; height:95px; margin-right:15px; background-position:-345px top;}
.main_quick_d li.qmb15 a{width:275px; height:95px; margin-right:15px; background-position:-635px top;}
.main_quick_d li.qmb16 a{width:275px; height:95px; background-position:-925px top;}

.main_quick_d li.qmb13 a:hover{width:330px; height:95px; margin-right:15px; background-position:0 bottom;}
.main_quick_d li.qmb14 a:hover{width:275px; height:95px; margin-right:15px; background-position:-345px bottom;}
.main_quick_d li.qmb15 a:hover{width:275px; height:95px; margin-right:15px; background-position:-635px bottom;}
.main_quick_d li.qmb16 a:hover{width:275px; height:95px; background-position:-925px bottom;}


/*----------------------------------
*INDEX.PHP : 협력병원추출
----------------------------------*/
#main_extract_total{margin:0 auto; width:100%; height:380px; background-color:#f1edf1;}
.extract_con_total{margin:0 auto; width:1200px; overflow:hidden; margin-top:75px;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 **서브페이지 코딩**
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#middle_total{margin:0 auto; width:1200px; overflow:hidden; }
#con{margin:0px auto; width:1200px; overflow:hidden; padding:80px 0; min-height:500px;}/*내용영역*/



/*---------------------------------
  *SUB : 페이지상단이미지*
----------------------------------*/
.sub_img{margin:0 auto; width:100%; overflow:hidden;}
.bg0{ background:url('../images/bg0.jpg') center top;}
.bg1{ background:url('../images/bg1.jpg') center top;}
.bg2{ background:url('../images/bg2.jpg') center top;}
.bg3{ background:url('../images/bg3.jpg') center top;}
.bg4{ background:url('../images/bg4.jpg') center top;}
.bg5{ background:url('../images/bg5.jpg') center top;}
.bg6{ background:url('../images/bg6.jpg') center top;}
.bg7{ background:url('../images/bg7.jpg') center top;}
.sub_text{ margin:0 auto; width:1200px; overflow:hidden; }

/*---------------------------------
  *SUB : 타이틀부분*
----------------------------------*/
#con_title{margin:0 auto; width:1200px; overflow:hidden;}
#title_a{margin:50px auto 10px; display:table; padding-left:45px; font-size:38px; color:#434343; line-height:50px; text-align:center; font-weight:700; letter-spacing:-0.5px; background:url('../images/t_icon.png') no-repeat left 3px;}
#title_a span{color:#f57da0;}
#title_b{margin:0 auto; font-size:18px; color:#656565; line-height:30px; text-align:center; font-weight:400; letter-spacing:-0.5px;}


/*---------------------------------
 *SUB : 탭메뉴*
----------------------------------*/
#tab_nav{margin:40px auto 0; width:1200px; overflow:hidden; }
#tab_nav ul{zoom:1; display:table; margin:0 auto; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf;}
#tab_nav ul > li {float:left; width:300px; border-right:1px solid #cfcfcf;}
#tab_nav ul > li:last-child{}
#tab_nav ul > li > a {display:block;position:relative; width:100%; height:50px; color:#333; text-align:center; cursor:pointer; letter-spacing:-0.02em;  font-size:16px; font-weight:700; line-height:49px; border-bottom:1px solid #cfcfcf;}
#tab_nav ul > li > a:focus, #tab_nav a:hover, #tab_nav a:active  {text-decoration:none; background:rgba(245,125,160,0.1); color:#dc3058;}
#tab_nav ul > li.on a {color:#dc3058; line-height:47px; border-bottom:3px solid #dc3058;}
.sub3 #tab_nav ul > li {width:239px;}

/*----------------------------------
 *오른쪽 움직이는 퀵
----------------------------------*/
#quickbanner_total{ position:fixed; z-index:10000; right:10px; top:155px; display:table; }
#quickbanner_total ul li{float:right; display:block; clear:both; width:60px; height:60px; overflow:hidden; margin-bottom:7px; -webkit-transition:all 200ms; transition:all 200ms;}
#quickbanner_total ul li a{display:block; width:180px; height:60px; margin-bottom:5px; padding-left:60px;   font-size:14px; line-height:60px; color:#fff; font-weight:700;letter-spacing:-0.7px; }
#quickbanner_total ul li.q01{ background:#2cb400; border-radius:50px;}
#quickbanner_total ul li.q02{ background:#ae33af; border-radius:50px;}
#quickbanner_total ul li.q03{ background:#3c5b9a; border-radius:50px;}
#quickbanner_total ul li.q04{ background:#1ab1e8; border-radius:50px;}
#quickbanner_total ul li.q05{ background:#1f6497; border-radius:50px;}


#quickbanner_total ul li.q01 a{ background:url('../images/blog.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q02 a{ background:url('../images/insta.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q03 a{ background:url('../images/face.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q04 a{ background:url('../images/twit.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q05 a{ background:url('../images/top.png') no-repeat 10px 13px;}

#quickbanner_total ul li:hover{width:180px;}



/*---------------------------------
*TAIL: SNS
----------------------------------*/
.position_2#sns_btn{float:right; width:40px; position:absolute; top:30px; right:0px; }
#sns_btn{right:0px; transition:right.8s ease-in-out;}
#sns_btn a{display:inline-block; width:35px; height:35px; background-color:#000000; border-radius:50%; color:transparent; background-repeat:no-repeat; background-position:center; transition:border .3s ease-in-out;}

#sns_btn a.c01{ margin-right:3px; background-image:url("../images/i01.png");}
#sns_btn a.c02{ margin-right:3px; background-image:url("../images/i02.png");}
#sns_btn a.c03{ margin-right:3px; background-image:url("../images/i03.png");}
#sns_btn a.c04{ background-image:url("../images/i04.png");}

#sns_btn a.c01:hover{ margin-right:3px; background-color:#2cb400;}
#sns_btn a.c02:hover{ margin-right:3px; background-color:#ae33af;}
#sns_btn a.c03:hover{ margin-right:3px; background-color:#3c5b9a;}
#sns_btn a.c04:hover{ background-color:#1ab1e8;}


/* **************************************** *
 * 카피라이트 영역
 * **************************************** */
#bottom_total{margin:0 auto; width:1200px; overflow:hidden;}

#copy_total{margin:0 auto; width:1200px; height:90px; border-bottom:1px solid #818181; position:relative;}
#copy_logo{float:left; width:700px; height:30px; margin-top:30px;}
.main_title13{ font-size:16px; color:#eeeeee; line-height:30px; text-align:left; letter-spacing:-0.02em; font-weight:400; clear:both;}

#copy_text_total{margin:0 auto; width:1200px; height:90px; position:relative;}
#copy_text{float:left; text-align:left; width:700px; height:90px; margin:20px 0 0 0;   font-size:13px; line-height:22px; color:#aaa;}

#copy_link{float:right; width:400px; height:30px; margin:30px 0 0 0;}
#copy_link a{float:right; margin-left:15px; display:block;  font-weight:700; font-size:14px; line-height:30px; color:#ccc;}
#copy_link a:hover{color:#ebc700; font-weight:700;}