@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; min-width: 1280px; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { z-index: 10; position: fixed; width: 100%; min-width: 1280px; height: 90px; left: 0; top: 0; background-color: #fff; border-bottom: 1px solid #e9e9e9; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container { overflow: hidden; margin: 91px auto 0; }
#footer { position: relative; background-color: #333333; }


/* ROOT 공통 */
:root {
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-19: 19px;
	--font-size-20: 20px;
	--font-size-30: 30px;
	--font-size-36: 36px;
	--line-height-28: 28px;
	--line-height-34: 34px;
	--line-height-36: 36px;
	--line-height-44: 44px;
	--line-height-50: 50px;
	--font-gray-666: #666666;
}



/* HEADER */
#header > h1 { margin: 0 0 0 40px; padding: 0; line-height: 0; }

/* HEADER - GNB */
#header > .gnb { position: absolute; height:70px; right: 230px; top: 30px; }
#header > .gnb ul { margin: 0; padding: 0; }
#header > .gnb li { position: relative; list-style: none; float: left; margin: 0 0 0 40px; }
#header > .gnb a,
#header > .gnb a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-18); color: #444444; letter-spacing: -1px; text-align: left; }
#header > .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .gnb .smenu { display:none; position:absolute; width:200px; left:-10px; top:60px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header > .gnb .smenu ul { margin:0; }
#header > .gnb .smenu li { list-style:none; float:none; width:100%; height:40px; margin:0; padding-left:0; background:none; }
#header > .gnb .smenu li:first-child { height:20px; }
#header > .gnb .smenu a { display:block; padding-left:20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 40px; color: #444444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header > .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header > .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }


/* 모바일버튼 */
#header > .gnb_btn { position:absolute; top:24px; right:4%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .gnb_btn .btn_nav { position:relative; width:26px; height:20px; cursor:pointer; }
#header > .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#777; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .gnb_btn .btn_nav span.ico2,
#header > .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}


/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#5398c7; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .member_message { display: inline-block; vertical-align: middle; margin: 10px 30px 10px; font-family:'Noto Sans KR'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }
.gnb_m .head .member_message ul { margin: 0; padding: 0; }
.gnb_m .head .member_message li { list-style: none; float: left; margin-left: 15px; }
.gnb_m .head .member_message li:first-child { margin-left: 0; }
.gnb_m .head .member_message:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.gnb_m .head .member_message a,
.gnb_m .head .member_message a:hover { display: block; font-family:'Noto Sans KR'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #7babce; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; font-size:12px; line-height:42px; font-weight:500; letter-spacing:1px; }

.gnb_m .list li.select { background-color:#6199c4; }
.gnb_m .list li.select .list_title { color:#fff; }
.gnb_m .list li.select .list_title span { color:#20aae3; }

.gnb_m .list .sub_list { background-color:#fff; display:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; font-family:'Noto Sans KR'; color:#666666; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; }
.gnb_m .list:after { content:""; clear:both; display:block; }


/* HEADER - LNB MEMBER */
#header > .lnb { position: absolute; right: 0; top: 20px; width: 186px; height: 50px; background-color: #f2f2f2; background-image: url("../images/inc/lnb_icon.png"); background-repeat: no-repeat; background-position: 25px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
#header > .lnb .lnb_menu { margin: 0 0 0 60px; }
#header > .lnb .lnb_menu ul { margin: 0; padding: 0; }
#header > .lnb .lnb_menu li { list-style: none; float: left; margin-left: 14px; }
#header > .lnb .lnb_menu li:first-child; { margin-left: 0; }
#header > .lnb .lnb_menu a,
#header > .lnb .lnb_menu a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 46px; color: #333333; letter-spacing: -1px; text-align: left; }
#header > .lnb .lnb_menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* CONTAINER */
#container > .slide { font-size: 0; }
#container > .slide ul { margin: 0; padding: 0; }
#container > .slide li { list-style: none; height: 800px; }
#container > .slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#container > .slide .side { display: inline-block; vertical-align: top; width: 62.5%; height: 100%; background-color: #fafafa; }
#container > .slide .side .outer { display: table; width: 100%; height: 100%; text-align: center; }
#container > .slide .side .outer .inner { opacity:0; display: table-cell; vertical-align: middle; padding-right: 5%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 100; font-size: 64px; line-height: 94px; color: #000000; letter-spacing: -1px; text-align: center; }
#container > .slide .side .outer .inner strong { display: block; font-family: 'NanumSquare', sans-serif; font-style: normal; font-weight: 700; }

#container > .slide .thum { display: inline-block; vertical-align: top; width: 37.5%; height: 100%; background: url("../images/main/slide_bg.jpg"); }
#container > .slide .thum .outer { display: table; width: 100%; height: 100%; text-align: center; }
#container > .slide .thum .outer .inner { opacity:0; display: table-cell; vertical-align: middle; text-align: center; }


#container > .slide li.v1 { background: url("../images/main/slide_bg1.jpg?20240206") no-repeat center top; }
#container > .slide li.v1 .side { display: block; width: auto; height: 100%; background-color: transparent; }
#container > .slide li.v1 .side .outer { height: auto; }
#container > .slide li.v1 .side .outer .inner { padding-top: 70px; font-size: 52px; line-height: 70px; }
#container > .slide li.v1 .side .outer .inner span { display:block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 22px; line-height: 30px; color: #333333; letter-spacing: 1px; text-align: center; }


/* CONTAINER - 치료영역 */
#container > .care { overflow: hidden; width: 1200px; margin: 0 auto; padding: 100px 0 140px; }
#container > .care h3 { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 100; font-size: 52px; line-height: 52px; color: #000000; letter-spacing: -1px; text-align: center; }
#container > .care h3 strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; }

#container > .care .outer { font-size: 0; margin: 75px 0 0; }
#container > .care .outer .side { position: relative; display: inline-block; vertical-align: top; width: 37.5%; }

#container > .care .outer .side .list {}
#container > .care .outer .side .list ul { margin: 0; padding: 0; }
#container > .care .outer .side .list li { position: relative; list-style: none; width: 100%; margin-top: 110px; font-size: 0; }
#container > .care .outer .side .list li:first-child { margin-top: 0; }
#container > .care .outer .side .list .title { position: absolute; width: 120px; left: 0; top: 0; padding-right: 30px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 52px; line-height: 52px; color: #000000; letter-spacing: -4px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .care .outer .side .list .info { position: relative; width: 330px; margin: 0 0 0 120px; padding-left: 30px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #888888; letter-spacing: -1px; text-align: left; border-left: 1px solid #d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
#container > .care .outer .side .list .info i { display: block; }
#container > .care .outer .side .list .info .more { position: absolute; width: 78px; left: 30px; bottom: -31px; border-bottom: 1px solid #8cbbe6; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 13px; line-height: 18px; color: #207acf; letter-spacing: 0; text-align: center; }
#container > .care .outer .side .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .care .outer .side .list.v1 li { margin-top: 110px; }
#container > .care .outer .side .list.v1 li:first-child { margin-top: 0; }
#container > .care .outer .side .list.v1 .title { left: auto; right: 0; padding-left: 30px; padding-right: 0; text-align: left; }
#container > .care .outer .side .list.v1 .info { margin: 0 120px 0 0; padding-left: 0; padding-right: 30px; text-align: right; border-right: 1px solid #d0d0d0; border-left: none;}
#container > .care .outer .side .list.v1 .info .more { left: auto; right: 30px; }

#container > .care .outer .character { display: inline-block; vertical-align: bottom; width: 25%; }
#container > .care .outer .character .thum { text-align: center; line-height: 0; }
#container > .care .outer .character .thum_info { margin: 18px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 16px; color: #444444; letter-spacing: -1px; text-align: center; }


/* CONTAINER - 건강영상 */
#container > .movie { overflow: hidden; padding: 100px 0 160px; }
#container > .movie .outer { width: 1200px; margin: 0 auto; font-size: 0; }

#container > .movie .outer .side { display: inline-block; vertical-align: top; width: 434px; }
#container > .movie .outer .side .icon { line-height: 0; }
#container > .movie .outer .side h3 { margin: 7px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 100; font-size: 52px; line-height: 52px; color: #000000; letter-spacing: -2px; text-align: left; }
#container > .movie .outer .side h3 strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; }
#container > .movie .outer .side h3 sup { font-size: 32px; }
#container > .movie .outer .side p { margin: 35px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 18px; line-height: 32px; color: #888888; letter-spacing: -1px; text-align: left; }
#container > .movie .outer .side .btn_more { width: 210px; height: 50px; margin: 33px 0 0; background-color: #fff; border: 1px solid #999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .movie .outer .side .btn_more a,
#container > .movie .outer .side .btn_more a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 48px; color: #111111; letter-spacing: 0; text-align: center; }

#container > .movie .outer .list { display: inline-block; vertical-align: top; width: 766px; margin-top: 29px; }
#container > .movie .outer .list ul { margin: 0; padding: 0; }
#container > .movie .outer .list li { list-style: none; float: left; width: 373px; margin-left: 20px; }
#container > .movie .outer .list li:first-child { margin-left: 0; }
#container > .movie .outer .list .thum { height: 236px; }
#container > .movie .outer .list .thum_info { margin: 18px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 18px; line-height: 18px; color: #555555; letter-spacing: -1px; text-align: center; }
#container > .movie .outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* CONTAINER - 네트워크 */
#container > .network { overflow: hidden; padding: 70px 0 70px; background: url("../images/main/network_bg.jpg") no-repeat right; background-color: #f8f8f8; }
#container > .network .outer { display: flex; width: 1200px; margin: 0 auto; }
#container > .network .outer .side { width:610px; }
#container > .network .outer .side .subject { height:46px; padding-left: 46px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 600; font-size: 27px; line-height: 30px; color: #393839; letter-spacing: -1px; text-align: left; background: url("../images/main/network_icon.png") no-repeat left top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .network .outer .side p { margin: 0; padding: 10px 0 0 46px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #888888; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .network .outer .side i { display:block; }
#container > .network .outer .side .store { margin:30px 0 0 46px; }
#container > .network .outer .side .store ul { margin:0; padding:0; }
#container > .network .outer .side .store li { cursor: pointer; position: relative; list-style:none; float: left; width:160px; margin:0 10px 10px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 38px; color: #888888; letter-spacing: -1px; text-align: center; background-color:#fff; border-radius:4px; border:1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .network .outer .side .store li:nth-child(3n) { margin:0 0 10px 0; }
#container > .network .outer .side .store li.select { color: #cfe6ff; background-color:#004a9c; }
#container > .network .outer .side .store:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#container > .network .outer .side .store_all { width: 350px; margin:20px 0 0 46px; background-color: #4e4e4e; border:2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:80px; }
#container > .network .outer .side .store_all a,
#container > .network .outer .side .store_all a:hover { display:block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 48px; color: #ffffff; letter-spacing: -1px; text-align: center; }


#container > .network .outer .info { display: none; width:590px; padding: 45px 40px 20px; background-color:#ffffff; border-radius:20px; -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-show:0 0 10px rgba(0, 0, 0, 0.1); box-shadow:0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .network .outer .info .subject { position: relative; padding-bottom: 20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 600; font-size: 24px; line-height: 24px; color: #004a9c; letter-spacing: -1px; text-align: left; border-bottom:1px solid #d3d3d3; }
#container > .network .outer .info .subject .address { position: absolute; right: 0; top: 4px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 18px; line-height: 20px; color: #888888; letter-spacing: -1px; text-align: right; }
#container > .network .outer .info .inner { display: flex; margin:30px 0 0; }
#container > .network .outer .info .inner .thum { width: 200px; height: 200px; line-height: 0; border-radius:20px; border:1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .network .outer .info .inner .thum img { width: 100%; border-radius:20px; }
#container > .network .outer .info .inner .thum_info { width: 285px; margin:0 0 0 25px; }
#container > .network .outer .info .inner .thum_info .title { padding-top: 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 600; font-size: 22px; line-height: 22px; color: #393839; letter-spacing: -1px; text-align: left; }
#container > .network .outer .info .inner .thum_info .time { margin:15px 0 0; }
#container > .network .outer .info .inner .thum_info .time ul { margin:0; padding:0; }
#container > .network .outer .info .inner .thum_info .time li { position: relative; list-style:none; margin-top:5px; }
#container > .network .outer .info .inner .thum_info .time li:first-child { margin-top:0; }
#container > .network .outer .info .inner .thum_info .time .day { position:absolute; left:0; top:0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 24px; color: #004a9c; letter-spacing: -1px; text-align: left; }
#container > .network .outer .info .inner .thum_info .time .hour { margin: 0 0 0 125px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #888888; letter-spacing: -1px; text-align: left; }
#container > .network .outer .info .inner .thum_info .time:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .network .outer .info .inner .thum_info .sns { margin:20px 0 0; }
#container > .network .outer .info .inner .thum_info .sns ul { margin:0; padding:0; }
#container > .network .outer .info .inner .thum_info .sns li { list-style: none; float: left; margin-left:10px; line-height:0; }
#container > .network .outer .info .inner .thum_info .sns li:first-child { margin-left:0; }
#container > .network .outer .info .inner .thum_info .sns:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* FOOTER */
#footer > .menu { background-color: #282828; }
#footer > .menu .outer { width: 1200px; margin: 0 auto; }
#footer > .menu .outer .list { }
#footer > .menu .outer .list ul { margin: 0; padding: 0; }
#footer > .menu .outer .list li { list-style: none; float: left; margin-right: 26px; }
#footer > .menu .outer .list a,
#footer > .menu .outer .list a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 60px; color: #888888; letter-spacing: -1px; text-align: left; }
#footer > .menu .outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .copyright { position: relative; width: 1200px; margin: 0 auto; padding: 30px 0 35px; background-color: #333333; border-top: 1px solid #3e3e3e; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#footer > .copyright .business_list { width:900px; margin-bottom:20px; }
#footer > .copyright .business_list ul { margin: 0; padding: 0; }
#footer > .copyright .business_list li { cursor:pointer; list-style: none; float: left; width:120px; height:30px; margin:0 4px 4px 0; background-color:#1c1c1c; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 30px; color: #888888; letter-spacing: -1px; text-align: center; }
#footer > .copyright .business_list li.on { background-color:#add3f7; color: #000000; }
#footer > .copyright .business_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .copyright .list { display:none; }
#footer > .copyright .list ul { margin: 0; padding: 0; }
#footer > .copyright .list li { list-style: none; float: left; margin-right: 25px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 28px; color: #888888; letter-spacing: -0.5px; text-align: left; }
#footer > .copyright .list li.v1 { display: block; clear: both; }
#footer > .copyright .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .copyright .copy { margin:0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 28px; color: #888888; letter-spacing: -0.5px; text-align: left; }

#footer > .copyright .sns { position: absolute; right: 2px; top: 40px; }
#footer > .copyright .sns ul { margin: 0; padding: 0; }
#footer > .copyright .sns li { list-style: none; float: left; margin-left: 8px; }
#footer > .copyright .sns:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* SPOT */
#spot { background-color: #dfecf2; }
#spot > .outer { position: relative; width: 1200px; height: 270px; margin: 0 auto; background: url("../images/inc/spot_thum.jpg") no-repeat right; }
#spot > .outer.spot_store { background: url("../images/inc/spot_thum1.jpg") no-repeat right; }
#spot > .outer .inner { display: table; position: absolute; width: 100; height: 100%; left: 0; top: 0; }
#spot > .outer .inner .slogan { display: table-cell; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 100; font-size: 42px; line-height: 60px; color: #0c9ada; letter-spacing: -1px; text-align: left; }
#spot > .outer .inner .slogan strong { display: block; font-family: 'NanumSquare', sans-serif; font-style: normal; font-weight: 700; color: #004a9c; }


/* SUB_MENU */
#sub_menu { height: 80px; background-color: #cae3fa; }
#sub_menu > .list { width: 1200px; margin: 0 auto; }
#sub_menu > .list ul { margin: 0; padding: 0; }
#sub_menu > .list li { position: relative; list-style: none; float: left; }
#sub_menu > .list li.col2 { width: 50%; }
#sub_menu > .list li.col3 { width: 33.33333%; }
#sub_menu > .list li.col5 { width: 20%; }
#sub_menu > .list li:after { content: ""; position: absolute; width: 1px; height: 25px; right: 0; top: 28px; background-color: #a4c5e4; }
#sub_menu > .list a,
#sub_menu > .list a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 19px; line-height: 80px; color: #333333; letter-spacing: -1px; text-align: center; }
#sub_menu > .list li.select a,
#sub_menu > .list li.select a:hover { font-weight: 400; background-color: #ffffff; color: #073f5f; }
#sub_menu > .list li.select:after { display: none; }
#sub_menu > .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* CONTENT */
#content { position: relative; padding: 70px 0 140px; }
#content.sub_board { width:1200px; margin:0 auto; }


/* 상담문의 */
#counsel { position: relative; width: 1200px; margin: 0 auto; }
#counsel .search { position: relative; font-size: 0; text-align: right; }
#counsel .search .select { display: inline-block; vertical-align: top; width: 100px; }
#counsel .search .select select { width: 100%; height: 26px; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 25px; color: #363535; letter-spacing: 0; text-align: left; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#counsel .search .input { display: inline-block; vertical-align: top; width: 146px; height: 25px; margin-left: 4px; }
#counsel .search .input input { width: 100%; height: 26px; padding: 0 5px; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 25px; color: #363535; letter-spacing: 0; text-align: left; background-color: #f7f7f7; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#counsel .search .btn { display: inline-block; vertical-align: top; width: 31px; height: 26px; margin-left: 4px; line-height: 0; background: url("../images/board/search_btn.png") no-repeat; cursor: pointer; }

#counsel .btn_write { position: absolute; width: 100px; height: 28px; left: 0; top: 0; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #fcfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfbfb 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbfb), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfbfb 0%,#dfdfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfb', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ }
#counsel .btn_write a,
#counsel .btn_write a:hover { display: block; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 26px; color: #363535; letter-spacing: 0; text-align: center; }

#counsel .counsel_list { margin: 12px 0 0; border-top: 3px solid #222222; }
#counsel .counsel_list ul { margin:0; padding:0; }
#counsel .counsel_list li { display:table; list-style:none; width:100%; border-bottom: 1px solid #d2d2d2; }
#counsel .counsel_list li .th { display:table-cell; vertical-align:middle; position: relative; padding: 10px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #666666; letter-spacing: -1px; text-align: center; background-color: #f9f9f9; }
#counsel .counsel_list li .th:after { content: ""; position: absolute; width: 1px; height: 9px; left: 0; top: 20px; background-color: #b6b6b6; }
#counsel .counsel_list li .th:first-child:after { display: none; }
#counsel .counsel_list li .td { display:table-cell; vertical-align:middle; padding: 8px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #5a5a5a; letter-spacing: -1px; text-align: center; }
#counsel .counsel_list li .col_no { width:9%; }
#counsel .counsel_list li .col_store { width:15.5%; }
#counsel .counsel_list li .col_type { }
#counsel .counsel_list li .col_writer { width:15%; }
#counsel .counsel_list li .col_data { width:14.5%; }
#counsel .counsel_list li .col_state { width:13%; }
#counsel .counsel_list li .col_state .state { width: 108px; height: 34px; margin: 0 auto; background-color: #add3f7; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #5a5a5a; letter-spacing: -1px; text-align: center; }
#counsel .counsel_list li .col_state .state.resutl { background-color: #d6d6d6; }

#counsel .counsel_list .list_head { }
#counsel .counsel_list .list_body { }
#counsel .counsel_list .list_body ul { margin:0; padding:0; }
#counsel .counsel_list .list_body li { list-style:none; background-color:#fff; cursor:pointer; }
#counsel .counsel_list .list_body:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#counsel .counsel_list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 게시판 - 페이징 */
#counsel .paging { margin: 20px 0; }
#counsel .paging ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#counsel .paging li { display: inline-block; vertical-align: top; list-style: none; min-width: 27px; height: 27px; margin: 0 2px; line-height: 0; text-align: center; border: 1px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#counsel .paging li.v1 {}
#counsel .paging a,
#counsel .paging a:hover { display: block; padding: 0 5px; font-family: 'Gulim', 굴림, sans-serif; font-size: 11px; line-height: 25px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#counsel .paging li.select { border: 1px solid #5d5d5d; background-color: #444444; }
#counsel .paging li.select a,
#counsel .paging li.select a:hover { font-weight: bold; color: #fff; }
#counsel .paging li.v1 {}
#counsel .paging li.v1 a,
#counsel .paging li.v1 a:hover { padding: 0; }


/* 상담문의 - 글쓰기 */
#counsel .counsel_write { margin: 0; border-top: 3px solid #222222; }
#counsel .counsel_write ul { margin: 0; padding: 0; }
#counsel .counsel_write li { overflow: hidden; position: relative; list-style: none; float: left; width: 50%; padding: 10px; border-bottom: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#counsel .counsel_write li.v1 { float: none; width: 100%; padding: 25px 10px; }
#counsel .counsel_write .input { width: 100%; height: 44px; padding: 0 20px; background-color: #f2f2f2; border: none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-44); color: #666666; letter-spacing: -1px; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#counsel .counsel_write .select { width: 100%; height: 44px; padding: 0 15px; background-color: #f2f2f2; border: none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-44); color: #666666; letter-spacing: -1px; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#counsel .counsel_write .textarea { width: 100%; height: 114px; margin: 10px 0 0; padding: 10px 20px; background-color: #f2f2f2; border: none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #666666; letter-spacing: -1px; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; }
#counsel .counsel_write .write_title { margin: 0 20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-18); line-height: var(--line-height-24); color: #333333; letter-spacing: -1px; text-align: left; }
#counsel .counsel_write .agree { cursor: pointer; margin: 5px 10px; padding: 0 23px; background: url("../images/board/dot.png") no-repeat left 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #777777; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#counsel .counsel_write .agree.on { background: url("../images/board/dot_ov.png") no-repeat left 10px; }
#counsel .counsel_write .agree .btn_agree { display: inline-block; vertical-align: middle; margin-left: 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #777777; letter-spacing: -1px; text-align: left; border-bottom: 1px solid #777777; }
#counsel .counsel_write:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#counsel .btn_area { margin: 20px 10px; font-size: 0; text-align: right; }
#counsel .btn_list { display: inline-block; vertical-align: top; }
#counsel .btn_list ul { margin: 0; padding: 0; }
#counsel .btn_list li { list-style: none; float: left; width: 100px; height: 32px; margin-left: 4px; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #fcfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfbfb 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbfb), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfbfb 0%,#dfdfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfb', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ }
#counsel .btn_list a,
#counsel .btn_list a:hover { display: block; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 30px; color: #363535; letter-spacing: 0; text-align: center; }

#counsel .btn_list li.v1 { border: 1px solid #767676;
	background: #535353; /* Old browsers */
	background: -moz-linear-gradient(top,  #535353 0%, #3f3f3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #535353 0%,#3f3f3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */ }
#counsel .btn_list li.v1 a,
#counsel .btn_list li.v1 a:hover { color: #e9e9e9; }


/* 약관팝업 */
#agree_popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:999999; display:none; }
#agree_popup { position:fixed; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; display:none; }
#agree_popup .outer { display:table-cell; vertical-align:middle; }
#agree_popup .outer .inner { position:relative; width:700px; height:500px; margin:0 auto; background-color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#agree_popup .outer .inner .inner_box { overflow-y:auto; position:relative; height:500px; padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 20px #555; -webkit-box-show:0 0 20px #555; box-shadow:0 0 20px #555; font-family: 'Gulim', 굴림, sans-serif; font-weight: normal; font-size: 12px; line-height: 28px; color: #777777; text-align: left; }
#agree_popup .outer .inner .inner_box strong { display:block; font-weight:bold; }
#agree_popup .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }


/* 글보기 */
.bui_board_view { border-top:1px solid #283e6c; }
.bui_board_view .col_subject { position:relative; padding:13px 0 13px 20px; background-color:#f5f5f5; border-bottom:1px solid #d2d2d2; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #323232; letter-spacing: -1px; text-align: left; }
.bui_board_view .col_subject .data { position:absolute; right:20px; top:12px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #535353; letter-spacing: -1px; text-align: right; }
.bui_board_view .col_option { position:relative; height:35px; border-bottom:1px solid #d2d2d2; }
.bui_board_view .col_option .write { position:absolute; width:40%; left:20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-16); line-height: var(--line-height-34); color: #535353; }
.bui_board_view .col_option .hit { position:absolute; width:30%; left:40%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-16); line-height: var(--line-height-34); color: #535353; }

.bui_board_view .col_content { padding:30px 20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-16); line-height: var(--line-height-34); color: #535353; }
.bui_board_view .col_content img { max-width:1100px; }

.bui_board_view .review_title { position:relative; margin-top:10px; padding-left:20px; padding-bottom:4px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-16); line-height: var(--line-height-34); color: #f26521; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:url(../images/board_view_icon01.png) no-repeat 20px 14px; background-color:#fafafa; }

.bui_board_view .review_list { position:relative; border-bottom:1px solid #d1d1d1; }
.bui_board_view .review_list .review_text { margin:20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-16); line-height: var(--line-height-34); color: #535353; }

.bui_board_view .list_navi { height:83px; margin-top:12px; border-top:1px solid #a4a6a8; border-bottom:1px solid #a4a6a8; }
.bui_board_view .list_navi ul { margin:0; padding:0; }
.bui_board_view .list_navi li { overflow:hidden; position:relative; list-style:none; height:41px; background-color:#f9f9f9; border-top:1px solid #dbdcdd; }
.bui_board_view .list_navi li:first-child { border-top:none }
.bui_board_view .list_navi .title_next { position:absolute; width:103px; padding-left:40px; left:0; top:0; font-family: '돋움', dotum, sans-serif; font-size: 12px; color:#131313; line-height:42px; font-weight:bold; background:url(../images/board/board_view_icon01.png) no-repeat 19px 17px; }
.bui_board_view .list_navi .title_prev { position:absolute; width:103px; padding-left:40px; left:0; top:0; font-family: '돋움', dotum, sans-serif; font-size: 12px; color:#131313; line-height:42px; font-weight:bold; background:url(../images/board/board_view_icon02.png) no-repeat 19px 17px; }
.bui_board_view .list_navi .list_navi_subject { margin:14px 0 0 102px; padding-left:20px; background:url(../images/board/board_view_icon03.png) no-repeat left; }
.bui_board_view .list_navi .list_navi_subject a,
.bui_board_view .list_navi .list_navi_subject a:hover { font-family: '돋움', dotum, sans-serif; font-size: 12px; line-height: 16px; color:#343434; }



/* 진찰예약 */
#reserve { width: 1200px; margin: 0 auto; font-size: 0; }
#reserve .side { display: inline-block; vertical-align: top; width: 580px; }
#reserve .side .calendar { }
#reserve .side .calendar .year { position: relative; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-18); line-height: var(--line-height-50); color: #fefefe; letter-spacing: -1px; text-align: center; background-color: #7ab3dd; }
#reserve .side .calendar .year .year_prev { position: absolute; width: 30px; height: 50px; left: 0; top: 0; background: url("../images/board/year_left.png") no-repeat right; cursor: pointer; }
#reserve .side .calendar .year .year_next { position: absolute; width: 30px; height: 50px; right: 0; top: 0; background: url("../images/board/year_right.png") no-repeat left; cursor: pointer; }
#reserve .side .calendar .body { padding: 5px; background-color: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reserve .side .calendar .body .week {}
#reserve .side .calendar .body .week ul { margin: 0; padding: 0; }
#reserve .side .calendar .body .week li { list-style: none; float: left; width: 14.28571%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-18); line-height: var(--line-height-44); color: #666666; letter-spacing: -1px; text-align: center; background-color: #eeeeee; }
#reserve .side .calendar .body .week:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#reserve .side .calendar .body .day { background-color: #fff; }
#reserve .side .calendar .body .day .list { }
#reserve .side .calendar .body .day .list ul { margin: 0; padding: 0; }
#reserve .side .calendar .body .day .list li { cursor: pointer; list-style: none; float: left; width: 14.28571%; height: 48px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-44); color: #666666; letter-spacing: -1px; text-align: center; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reserve .side .calendar .body .day .list li.select { font-weight: bold; color: #004a9c; }
#reserve .side .calendar .body .day .list li:nth-child(7n) { border-right: none; }
#reserve .side .calendar .body .day .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#reserve .side .info { margin: 25px 20px 0; }
#reserve .side .info ul { margin: 0; padding: 0; }
#reserve .side .info li { position: relative; list-style: none; padding: 0 0 0 14px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #666666; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reserve .side .info li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 17px; background-color: #565656; }
#reserve .side .info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#reserve .insert_form { display: inline-block; vertical-align: top; width: 590px; margin-left: 30px; }

#reserve .insert_form .list { margin: 0; border-top: 3px solid #222222; }
#reserve .insert_form .list ul { margin: 0; padding: 0; }
#reserve .insert_form .list li { overflow: hidden; position: relative; list-style: none; float: none; width: 100%; padding: 10px 15px; border-bottom: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reserve .insert_form .list li.v1 { padding: 25px 15px; }
#reserve .insert_form .list .input { width: 100%; height: 44px; padding: 0 20px; background-color: #f2f2f2; border: none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-44); color: #666666; letter-spacing: -1px; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reserve .insert_form .list .select { width: 100%; height: 44px; padding: 0 15px; background-color: #f2f2f2; border: none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-44); color: #666666; letter-spacing: -1px; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reserve .insert_form .list .textarea { width: 100%; height: 114px; margin: 10px 0 0; padding: 10px 20px; background-color: #f2f2f2; border: none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #666666; letter-spacing: -1px; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; }
#reserve .insert_form .list .write_title { margin: 0 20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-18); line-height: var(--line-height-24); color: #333333; letter-spacing: -1px; text-align: left; }
#reserve .insert_form .list .agree { cursor: pointer; margin: 5px 10px; padding: 0 23px; background: url("../images/board/dot.png") no-repeat left 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #777777; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#reserve .insert_form .list .agree.on { background: url("../images/board/dot_ov.png") no-repeat left 10px; }
#reserve .insert_form .list .agree .btn_agree { display: inline-block; vertical-align: middle; margin-left: 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #777777; letter-spacing: -1px; text-align: left; border-bottom: 1px solid #777777; }
#reserve .insert_form .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#reserve .btn_area { margin: 20px 10px; font-size: 0; text-align: right; }
#reserve .btn_list { display: inline-block; vertical-align: top; }
#reserve .btn_list ul { margin: 0; padding: 0; }
#reserve .btn_list li { list-style: none; float: left; width: 100px; height: 32px; margin-left: 4px; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #fcfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfbfb 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbfb), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfbfb 0%,#dfdfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfb', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ }
#reserve .btn_list a,
#reserve .btn_list a:hover { display: block; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 30px; color: #363535; letter-spacing: 0; text-align: center; }

#reserve .btn_list li.v1 { border: 1px solid #767676;
	background: #535353; /* Old browsers */
	background: -moz-linear-gradient(top,  #535353 0%, #3f3f3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #535353 0%,#3f3f3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */ }
#reserve .btn_list li.v1 a,
#reserve .btn_list li.v1 a:hover { color: #e9e9e9; }


/* 치료후기 */
#review { position: relative; width: 1200px; margin: 0 auto; }

#review .review_tab { margin-bottom: 40px; }
#review .review_tab ul { margin: 0; padding: 0; }
#review .review_tab li { list-style: none; float: left; width: 33%; margin: 0 0.5% 6px 0; border: 1px solid #dbdbdb; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#review .review_tab li:nth-child(3n) { margin: 0 0 6px 0; }
#review .review_tab a,
#review .review_tab a:hover { display: block; background-color: #eeeeee; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 18px; line-height: 48px; color: #666666; letter-spacing: -1px; text-align: center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#review .review_tab li.select a,
#review .review_tab li.select a:hover { background-color: #333333; color: #fff; }
#review .review_tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#review .search { position: relative; font-size: 0; text-align: right; }
#review .search .select { display: inline-block; vertical-align: top; width: 100px; }
#review .search .select select { width: 100%; height: 26px; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 25px; color: #363535; letter-spacing: 0; text-align: left; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#review .search .input { display: inline-block; vertical-align: top; width: 146px; height: 25px; margin-left: 4px; }
#review .search .input input { width: 100%; height: 26px; padding: 0 5px; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 25px; color: #363535; letter-spacing: 0; text-align: left; background-color: #f7f7f7; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#review .search .btn { display: inline-block; vertical-align: top; width: 31px; height: 26px; margin-left: 4px; line-height: 0; background: url("../images/board/search_btn.png") no-repeat; cursor: pointer; }

#review .review_list { margin: 12px 0 0; border-top: 3px solid #222222; }
#review .review_list ul { margin:0; padding:0; }
#review .review_list li { display:table; list-style:none; width:100%; border-bottom: 1px solid #d2d2d2; }
#review .review_list li .th { display:table-cell; vertical-align:middle; position: relative; padding: 10px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #666666; letter-spacing: -1px; text-align: center;  background-color: #f9f9f9; }
#review .review_list li .th:after { content: ""; position: absolute; width: 1px; height: 9px; left: 0; top: 20px; background-color: #b6b6b6; }
#review .review_list li .th:first-child:after { display: none; }
#review .review_list li .td { display:table-cell; vertical-align:middle; padding: 8px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-34); color: #5a5a5a; letter-spacing: -1px; text-align: center; }
#review .review_list li .td.v1 { padding-left: 20px; text-align: left; }
#review .review_list li .col_no { width:9%; }
#review .review_list li .col_store { width:15.5%; }
#review .review_list li .col_subject { }
#review .review_list li .col_data { width:14.5%; }

#review .review_list .list_head { }
#review .review_list .list_body { }
#review .review_list .list_body ul { margin:0; padding:0; }
#review .review_list .list_body li { list-style:none; background-color:#fff; cursor:pointer; }
#review .review_list .list_body:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#review .review_list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#review .btn_area { margin: 20px 10px; font-size: 0; text-align: right; }
#review .btn_list { display: inline-block; vertical-align: top; }
#review .btn_list ul { margin: 0; padding: 0; }
#review .btn_list li { list-style: none; float: left; width: 100px; height: 32px; margin-left: 4px; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #fcfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfbfb 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbfb), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfbfb 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfbfb 0%,#dfdfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfb', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ }
#review .btn_list a,
#review .btn_list a:hover { display: block; font-family: '돋움', dotum, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 30px; color: #363535; letter-spacing: 0; text-align: center; }

#review .btn_list li.v1 { border: 1px solid #767676;
	background: #535353; /* Old browsers */
	background: -moz-linear-gradient(top,  #535353 0%, #3f3f3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #535353 0%,#3f3f3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */ }
#review .btn_list li.v1 a,
#review .btn_list li.v1 a:hover { color: #e9e9e9; }


/* 게시판 - 페이징 */
#review .paging { margin: 20px 0; }
#review .paging ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#review .paging li { display: inline-block; vertical-align: top; list-style: none; min-width: 27px; height: 27px; margin: 0 2px; line-height: 0; text-align: center; border: 1px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#review .paging li.v1 {}
#review .paging a,
#review .paging a:hover { display: block; padding: 0 5px; font-family: 'Gulim', 굴림, sans-serif; font-size: 11px; line-height: 25px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#review .paging li.select { border: 1px solid #5d5d5d; background-color: #444444; }
#review .paging li.select a,
#review .paging li.select a:hover { font-weight: bold; color: #fff; }
#review .paging li.v1 {}
#review .paging li.v1 a,
#review .paging li.v1 a:hover { padding: 0; }


/* 코숨이란 */
#cosoom01 { width: 1200px; margin: 0 auto; }
#cosoom01 .point { background-color: #f3f3f3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#cosoom01 .point ul { overflow: hidden; margin: 0; padding: 20px 0 30px; }
#cosoom01 .point li { overflow: hidden; position: relative; list-style: none; float: left; width: 33.33333%; padding: 0 5%; border-left: 1px solid #d6d6d6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cosoom01 .point li:first-child { border-left: none; }
#cosoom01 .point .icon { text-align: center; line-height: 0; }
#cosoom01 .point .icon_info { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-28); color: #2e6eb6; letter-spacing: -1px; text-align: center; }
#cosoom01 .point .icon_info i { display: block; }
#cosoom01 .point li:nth-child(2) .icon_info { color: #067c8a; }
#cosoom01 .point li:nth-child(3) .icon_info { color: #2c740c; }
#cosoom01 .point:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#cosoom01 .list { margin: 40px auto 0; }
#cosoom01 .list ul { margin: 0; padding: 0; }
#cosoom01 .list li { position: relative; list-style: none; margin: 0 0 20px 0; background-color: #f6fafb; font-size: 0; }
#cosoom01 .list .thum { position: absolute; left: 0; top: 0; line-height: 0; }
#cosoom01 .list .info { display: table; margin: 0 50px 0 500px; height: 320px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cosoom01 .list .info .inner { display: table-cell; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #666666; letter-spacing: -1px; text-align: left; }
#cosoom01 .list .info .inner i { display: block; }

#cosoom01 .list li:nth-child(2) .thum { left: auto; right: 0; }
#cosoom01 .list li:nth-child(2) .info { margin: 0 520px 0 50px; }
#cosoom01 .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#cosoom01 .info01 { margin: 40px auto 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #666666; letter-spacing: -1px; text-align: left; }
#cosoom01 .info01 i { display: block; }

#cosoom01 .info01 .info01_list { margin: 30px 0 30px 20px; }
#cosoom01 .info01 .info01_list ul { margin:0; padding:0; }
#cosoom01 .info01 .info01_list li { position:relative; list-style:decimal; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #666666; letter-spacing: -1px; text-align: left; }
#cosoom01 .info01 .info01_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 코숨핵심가치 */
#cosoom02 { position: relative; padding: 140px 0; margin-top: -70px; margin-bottom: -140px; background: url("../images/brand/brand02_thum.jpg") no-repeat center; background-size: cover; }
#cosoom02 .outer { background-color: rgba(0, 0, 0, 0.5); }
#cosoom02 .outer .inner { width: 1150px; margin: 0 auto; padding: 60px 0; }
#cosoom02 .outer .inner .subject { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 46px; line-height: 46px; color: #fffe88; letter-spacing: -1px; text-align: left; }
#cosoom02 .outer .inner .info { margin: 33px 27px 0; }
#cosoom02 .outer .inner .info ul { margin: 0; padding: 0; }
#cosoom02 .outer .inner .info li { list-style: decimal; margin: 12px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 100; font-size: 30px; line-height: 48px; color: #ffffff; letter-spacing: -1px; text-align: left; }
#cosoom02 .outer .inner .info li strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; }
#cosoom02 .outer .inner .info li:first-child { margin: 0; }
#cosoom02 .outer .inner .info i { display: block; }
#cosoom02 .outer .inner .info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 코숨테이프 */
#cosoom03 { position: relative; margin-top: -70px; }
#cosoom03 .head { padding: 145px 0; background-color: #f7fafc; background-repeat: no-repeat; background-position: 80% bottom; }
#cosoom03 .head .outer { width: 1200px; margin: 0 auto; font-size: 0; }
#cosoom03 .head .outer .thum { display: inline-block; vertical-align: middle; width: 577px; line-height: 0; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#cosoom03 .head .outer .thum img { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-show:-20px 20px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:-20px 20px 0 rgba(0, 0, 0, 0.03); box-shadow:-20px 20px 0 rgba(0, 0, 0, 0.03); }

#cosoom03 .head .outer .inner { display: inline-block; vertical-align: middle; width: 553px; margin-left: 70px; }
#cosoom03 .head .outer .inner .subject { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 33px; line-height: 40px; color: #004a9c; letter-spacing: -1px; text-align: left; }
#cosoom03 .head .outer .inner .info { margin: 30px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #666666; letter-spacing: -1.5px; text-align: left; }
#cosoom03 .head .outer .inner .info strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; color: #004a9c; }
#cosoom03 .head .outer .inner .info i { display: block; }

#cosoom03 .why { padding: 75px 0 60px; background: url("../images/brand/brand03_thum02_new.jpg") no-repeat right center; }
#cosoom03 .why .outer { width: 1110px; margin: 0 auto; }
#cosoom03 .why .outer .subject { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 33px; line-height: 40px; color: #004a9c; letter-spacing: -1px; text-align: left; }
#cosoom03 .why .outer .list { margin: 50px 0 0; }
#cosoom03 .why .outer .list ul { margin: 0; padding: 0; }
#cosoom03 .why .outer .list li { position: relative; list-style: none; margin-top: 27px; padding-left: 50px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #666666; letter-spacing: -1.5px; text-align: left; }
#cosoom03 .why .outer .list li:first-child { margin-top: 0; }
#cosoom03 .why .outer .list li strong { display: block; margin-bottom: 3px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 22px; line-height: 33px; color: #333333; letter-spacing: -1px; text-align: left; }
#cosoom03 .why .outer .list li:after { content: ""; position: absolute; width: 33px; height: 33px; left: 1px; top: 2px; background: url("../images/brand/brand03_dot.jpg") no-repeat; }
#cosoom03 .why .outer .list i { display: block; }
#cosoom03 .why .outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#cosoom03 .why .outer .caution { margin: 40px 0 0; }
#cosoom03 .why .outer .caution .caution_subject { display: inline-block; padding: 0 40px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-19); line-height: 30px; color: #fff; letter-spacing: -1px; text-align: center; background-color: #e37800; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#cosoom03 .why .outer .caution .caution_info { margin: 10px 0 0; padding: 0 40px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #d16700; letter-spacing: -1.5px; text-align: left; }

#cosoom03 .action { padding: 75px 0 65px; background-color: #f7fafc; }
#cosoom03 .action .outer { width: 1200px; margin: 0 auto; }

#cosoom03 .action .outer .subject { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 36px; line-height: 36px; color: #004a9c; letter-spacing: -1px; text-align: center; }
#cosoom03 .action .outer .list { margin: 56px auto 0; }
#cosoom03 .action .outer .list ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#cosoom03 .action .outer .list li { display: inline-block; vertical-align: top; list-style: none; width: 350px; margin: 0 30px; }
#cosoom03 .action .outer .list .thum { line-height: 0; text-align: center; }
#cosoom03 .action .outer .list .thum_info { margin: 13px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: 30px; color: #666666; letter-spacing: -1.5px; text-align: center; }
#cosoom03 .action .outer .list .thum_info i { display: block; }
#cosoom03 .action .outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#cosoom03 .btn_more { margin: 50px 0 0; text-align: center; line-height: 0; }


/* 한의원찾기 */
#store { width: 1200px; margin: 0 auto; }
#store .search { position: relative; font-size: 0; }
#store .search .select { display: inline-block; vertical-align: top; width: 545px; height: 50px; margin-right: 10px; border: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#store .search .select select { width: 100%; height: 48px; padding: 0 0 0 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 48px; color: #333333; letter-spacing: -1.5px; text-align: left; outline: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#store .search .btn_search { display: inline-block; vertical-align: top; width: 90px; height: 50px; background-color: #add3f7; background-image: url("../images/store/btn_search.png"); background-position: center; background-repeat: no-repeat; text-indent: 9999; cursor: pointer; }

#store .list { margin: 50px 0 0; border-top: 3px solid #222222; }
#store .list ul { margin: 0; padding: 0; }
#store .list li { position: relative; list-style: none; padding: 37px 40px 35px; border-bottom: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#store .list li:nth-child(even) { background-color: #fafafa; }
#store .list .store_thum { position:absolute; left:40px; top:34px; width:140px; line-height:0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; border:1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#store .list .store_thum img { width:100%; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
#store .list .store_name { margin-left:160px; display: inline-block; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 24px; line-height: 30px; color: #000000; letter-spacing: -1.25px; text-align: left; }
#store .list .name { display: inline-block; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 22px; line-height: 30px; color: #222222; letter-spacing: -1.25px; text-align: left; }
#store .list .address { margin-left:160px; margin-top: 14px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 20px; line-height: 28px; color: #777777; letter-spacing: -1px; text-align: left; }
#store .list .tel { margin-left:160px; margin-top: 40px; font-family: 'NanumSquare', sans-serif; font-style: normal; font-weight: 700; font-size: 22px; line-height: 22px; color: #333333; letter-spacing: -1px; text-align: left; }
#store .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#store .list .btn_list { position: absolute; right: 20px; top: 50%; margin-top: -46px; }
#store .list .btn_list ul { margin: 0; padding: 0; }
#store .list .btn_list li { list-style: none; float: left; width: 140px; margin: 3px 0 3px 6px; padding: 0; border: none; background-color: #d6d6d6; }
#store .list .btn_list li.kakao { width: 140px; background-color: #fae100; }
#store .list .btn_list li.blog { width: 140px; background-color: #2db400; }
#store .list .btn_list li:nth-child(4) { clear:both; }
#store .list .btn_list a,
#store .list .btn_list a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 40px; color: #222222; letter-spacing: -1px; text-align: center; }
#store .list .btn_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 약도팝업 */
#map_popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:999999; display:none; }
#map_popup { position:fixed; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; display:none; }
#map_popup .outer { display:table-cell; vertical-align:middle; }
#map_popup .outer .inner { position:relative; width:1200px; height:600px; margin:0 auto; background-color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#map_popup .outer .inner .inner_box { overflow-y:auto; position:relative; height:600px; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 10px #555; -webkit-box-show:0 0 10px #555; box-shadow:0 0 10px #555; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#map_popup .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }


/* 진료시간팝업 */
#time_popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:999999; display:none; }
#time_popup { position:fixed; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; display:none; }
#time_popup .outer { display:table-cell; vertical-align:middle; }
#time_popup .outer .inner { position:relative; width:800px; margin:0 auto; background-color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#time_popup .outer .inner .inner_box { position:relative; padding:0; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 10px #555; -webkit-box-show:0 0 10px #555; box-shadow:0 0 10px #555; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#time_popup .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }


/* 특화진료 및 코연관질환 */
#service { width: 1200px; margin: 0 auto; }
#service .service_tab { margin-bottom: 55px; }
#service .service_tab ul { margin: 0; padding: 0; }
#service .service_tab li { list-style: none; float: left; width: 596px; margin-left: 8px; background-color: #eeeeee; border: 1px solid #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#service .service_tab li:first-child { margin-left: 0; }
#service .service_tab a,
#service .service_tab a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: 48px; color: #666666; letter-spacing: -1.5px; text-align: center; }
#service .service_tab li.select { background-color: #333333; }
#service .service_tab li.select a,
#service .service_tab li.select a:hover { color: #fff; }
#service .service_tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#service h2 { position: relative; width: 376px; height: 50px; margin: -25px auto 0; padding: 0; background-color: #004a9c; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-20); line-height: 50px; color: #ffffff; letter-spacing: -1px; text-align: center; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#service h2.v1 { margin: 0 auto 0; }
#service h3 { margin: 0 0 0 30px; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-36); line-height: var(--line-height-36); color: #333333; letter-spacing: -1px; text-align: left; }
#service h3.v1 { margin: 70px 0 0 30px; color: #004a9c; }
#service span { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-30); line-height: var(--line-height-36); color: #333333; letter-spacing: -1px; text-align: left; }
#service .outer { position: relative; padding: 50px 0 120px 30px; border-bottom: 1px solid #d4d4d4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#service .outer.v1 { padding: 50px 0 0 30px; border-bottom: none; }
#service .outer .thum { position: absolute; right: 0; top: 50px; line-height: 0; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;-webkit-box-show:20px 20px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:20px 20px 0 rgba(0, 0, 0, 0.03); box-shadow:20px 20px 0 rgba(0, 0, 0, 0.03); }
#service .outer .thum img { -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; }

#service .outer .list {}
#service .outer .list ul { margin: 0; padding: 0; }
#service .outer .list li { list-style: none; margin-top: 40px; font-size: 0; }
#service .outer .list li:first-child { margin-top: 0; }
#service .outer .list .subject { display: inline-block; vertical-align: top; width: 190px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-20); line-height: var(--line-height-34); color: #333333; letter-spacing: -1.5px; text-align: left; }
#service .outer .list .info { display: inline-block; vertical-align: top; width: 980px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #777777; letter-spacing: -1.5px; text-align: left; }
#service .outer .list .info i { display: block; }
#service .outer .list .info ul { margin: 0; padding: 0; }
#service .outer .list .info li { position: relative; list-style: none; margin: 0; padding: 0 0 0 13px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #777777; letter-spacing: -1.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#service .outer .list .info strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #004a9c; }
#service .outer .list .info strong.v1 { color: #555555; }
#service .outer .list .info.v1 { width: 600px; }
#service .outer .list .info.v1 li { float: left; width: 250px; }
#service .outer .list .info.v2 li { margin-bottom: 10px; }
#service .outer .list .info li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 17px; background-color: #777777; }
#service .outer .list .info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#service .outer .list .photo { display: inline-block; vertical-align: top; }
#service .outer .list .youtube { display: inline-block; vertical-align: top; width: 680px; height:450px; }

#service .outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#service .outer .list .thum_list { width: 850px; margin: 15px 0 0; }
#service .outer .list .thum_list ul { display: table; margin: 0; padding: 0; }
#service .outer .list .thum_list li { display: table-cell; position: relative; list-style: none; width: 380px; margin: 0; padding: 0; line-height: 0; }
#service .outer .list .thum_list li.dash { width: 90px; background: url("../images/medical/medical_dot.jpg") no-repeat center; }
#service .outer .list .thum_list li:after { display: none; }
#service .outer .list .thum_list .thum_img { position:relative; line-height: 0; text-align: center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#service .outer .list .thum_list .thum_img img { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#service .outer .list .thum_list .thum_img .thum_state { position:absolute; padding:0 10px; right:15px; top:15px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-19); line-height: var(--line-height-34); color:#fff; text-align:center; background-color: #ffb902; }
#service .outer .list .thum_list .thum_info { margin: 15px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-28); color: #9c3e00; letter-spacing: -1.5px; text-align: center; }
#service .outer .list .thum_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#service .outer .list .thum_list.v1 { width: auto; }
#service .outer .list .thum_list.v1 li { width: auto; }


#service .outer .list .thum_list01 { margin: 15px 0 10px; font-size: 0; }
#service .outer .list .thum_list01 .thum_img { display: inline-block; vertical-align: middle; width: 380px; line-height: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#service .outer .list .thum_list01 .thum_img img { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#service .outer .list .thum_list01 .thum_info { display: inline-block; vertical-align: middle; width: 560px; margin: 0 0 0 40px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #777777; letter-spacing: -1.5px; text-align: left; }
#service .outer .list .thum_list01 .thum_info strong { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; color: #9c3e00; }
#service .outer .list .thum_list01:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 약관 */
#etc { width: 1200px; margin: 0 auto; }
#etc h2 { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-36); line-height: var(--line-height-36); color: #333333; letter-spacing: -1px; text-align: left; }
#etc p { margin: 50px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #777777; letter-spacing: -1.5px; text-align: left; }
#etc p strong { display: block; margin-top: 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #777777; letter-spacing: -1.5px; text-align: left; }


/* 코숨치료 */
#cure { width: 1200px; margin: 0 auto; }
#cure ul { margin: 0; padding: 0; }
#cure li { position: relative; list-style: none; padding: 60px 0; border-top: 1px solid #d4d4d4; font-size: 0; }
#cure li:first-child { padding: 20px 0 60px; border-top: none; }
#cure .icon { display: inline-block; vertical-align: top; width: 100px; height: 100px; margin: 0 0 0 30px; text-align: center; background-color: #add3f7; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#cure .icon img { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#cure .info { display: inline-block; vertical-align: top; width: 1030px; margin: 0 0 0 40px; }
#cure .info h3 { margin: 26px 0 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: var(--font-size-36); line-height: var(--line-height-36); color: #004a9c; letter-spacing: -1px; text-align: left; }
#cure .info h3 span { margin: 0 0 0 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-36); color: #777777; letter-spacing: -1px; text-align: left; }
#cure .info h4 { margin: 50px 0 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: var(--font-size-20); line-height: var(--line-height-28); color: #333333; letter-spacing: -1px; text-align: left; }
#cure .info p { margin: 10px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-19); line-height: var(--line-height-34); color: #777777; letter-spacing: -1px; text-align: left; }
#cure .info p strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; color: #9c3e00; }
#cure .info p.v1 { margin: 50px 0 0; }
#cure .info p i { display: block; }
#cure .info .thum { margin: 25px 0 0; line-height: 0; }
#cure .info .thum.v1 { margin: 50px 0 0; }
#cure .info .thum ul { margin: 0; padding: 0; }
#cure .info .thum li { position: relative; list-style: none; float: left; width: 500px; margin-left: 28px; padding: 0; border: none; }
#cure .info .thum li:first-child { margin-left: 0; }
#cure .info .thum_info { margin-top: 15px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: var(--font-size-18); line-height: var(--line-height-28); color: #9c3e00; letter-spacing: -1px; text-align: center; }
#cure .info .thum:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#cure:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}




@media screen and (max-width:640px) {

	/* ROOT 공통 */
	:root {
		--font-size-18: 16px;
		--font-size-19: 16px;
        --font-size-30: 24px;
		--font-size-36: 28px;
		--line-height-28: 32px;
		--line-height-34: 32px;
		--line-height-36: 28px;
	}

	/* LAYOUT */
	#wrap { min-width: 320px; }
	#header { min-width: 320px; height: 70px; }
	#container { margin: 71px auto 0; }


	/* HEADER */
	#header > h1 { margin: 0 0 0 0; text-align: center; }
	#header > h1 img { height: 70px; }

	/* HEADER - GNB */
	#header > .gnb { display: none; }
	#header > .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }


	/* HEADER - LNB MEMBER */
	#header > .lnb { display: none; }


	/* CONTAINER */
	#container > .slide li { list-style: none; height: 400px; }
	#container > .slide .side { display: block; width: 100%; height: 200px; }
	#container > .slide .side .outer .inner { font-size: 30px; line-height: 40px; }

	#container > .slide .thum { display: block; width: 100%; height: 200px; background: url("../images/main/slide_bg.jpg"); background-color: cover; }
	#container > .slide .thum .outer .inner img { height: 70px; }
	#container > .slide .thum .outer .inner.v1 img { height: 150px; }


	#container > .slide li.v1 { background: url("../images/main/slide_bg1_m.jpg?20240206") no-repeat center bottom; background-color: #fafafa; background-size: 860px; }
	#container > .slide li.v1 .side .outer .inner { padding-top: 40px; font-size: 30px; line-height: 40px; }
	#container > .slide li.v1 .side .outer .inner span { font-size: 16px; line-height: 24px; letter-spacing:-1px; }

    
	/* CONTAINER - 치료영역 */
	#container > .care { width: auto; padding: 50px 0 100px; }
	#container > .care h3 { font-size: 36px; line-height: 36px; }

	#container > .care .outer { margin: 50px 0 0; }
	#container > .care .outer .side { position: relative; width: 100%; }

	#container > .care .outer .side .list { margin: 0 5%; }
	#container > .care .outer .side .list li { margin-top: 70px; }
	#container > .care .outer .side .list li:first-child { margin-top: 0; }
	#container > .care .outer .side .list .title { position: relative; display: block; width: auto; padding: 0; font-size: 28px; line-height: 30px; text-align: left; }
	#container > .care .outer .side .list .info { display: block; width: auto; padding: 0; margin: 10px 0 0; font-size: 16px; line-height: 28px; border-left: none; }
	#container > .care .outer .side .list .info i { display: none; }
	#container > .care .outer .side .list .info .more { left: 0; bottom: -31px; border-bottom: 1px solid #8cbbe6; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 13px; line-height: 18px; color: #207acf; letter-spacing: 0; text-align: center; }

	#container > .care .outer .side .list.v1 li { margin-top: 70px; }
	#container > .care .outer .side .list.v1 li:first-child { margin-top: 0; }
	#container > .care .outer .side .list.v1 .title { padding: 0; }
	#container > .care .outer .side .list.v1 .info { padding: 0; margin: 10px 0 0; text-align: left; border: none; }
	#container > .care .outer .side .list.v1 .info .more { left: 0; right: auto; }

	#container > .care .outer .character { display: block; width: 100%; margin: 70px 0 40px; }
	#container > .care .outer .character .thum img { height: 200px; }


	/* CONTAINER - 건강영상 */
	#container > .movie { padding: 60px 0 60px; }
	#container > .movie .outer { width: auto; margin: 0 5%; }

	#container > .movie .outer .side { display: block; width: auto; }
	#container > .movie .outer .side h3 { margin-top: 10px; font-size: 36px; line-height: 36px; }
	#container > .movie .outer .side h3 sup { font-size: 22px; }
	#container > .movie .outer .side p { margin: 20px 0 0; }
	#container > .movie .outer .side .btn_more { width: 100%; }

	#container > .movie .outer .list { display: block; width: auto; margin-top: 30px; }
	#container > .movie .outer .list li { float: none; width: 100%; margin: 35px 0 0; }
	#container > .movie .outer .list li:first-child { margin: 0; }
	#container > .movie .outer .list .thum { height: 230px; }



	/* CONTAINER - 네트워크 */
	#container > .network { padding: 60px 5% 60px; background:none; background-color: #f8f8f8; }
	#container > .network .outer { flex-direction: column; width: auto; margin: 0 auto; }
	#container > .network .outer .side { width: auto; }
	#container > .network .outer .side .subject { height:auto; padding-left: 0; font-size: 26px; background: none; }
	#container > .network .outer .side p { padding: 10px 0 0 0; word-break: keep-all; }
	#container > .network .outer .side i { display: none; }
	#container > .network .outer .side .store { margin:30px 0 0 0; }
	#container > .network .outer .side .store li { width:32.33333%; margin:0 1.5% 10px 0; font-size: 14px; letter-spacing:-2px; }
	#container > .network .outer .side .store li:nth-child(3n) { margin:0 0 10px 0; }
	#container > .network .outer .side .store_all { width: auto; margin:20px 0 30px; }
	#container > .network .outer .side .store_all a,
	#container > .network .outer .side .store_all a:hover { font-size: 16px; line-height: 44px; }


	#container > .network .outer .info { width:auto; padding: 30px 5% 0; }
	#container > .network .outer .info .subject .address { display:none; }
	#container > .network .outer .info .inner { flex-direction: column; margin:20px 0 0; padding-bottom:30px; }
	#container > .network .outer .info .inner .thum { width: 200px; height: 200px; margin: 0 auto; line-height: 0; }
	#container > .network .outer .info .inner .thum_info { width: auto; margin:20px 10px 0; }

	#container > .network .outer .info .inner .thum_info .sns li img { width:40px; }


	/* FOOTER */
	#footer > .menu .outer { width: auto; margin: 0 3.5%; }
	#footer > .menu .outer .list ul { font-size: 0; text-align: center; }
	#footer > .menu .outer .list li { display: inline-block; vertical-align: middle; float: none; margin: 0 15px; }
	#footer > .menu .outer .list a,
	#footer > .menu .outer .list a:hover { font-size: 14px; line-height: 50px; }

	#footer > .copyright { width: auto; margin: 0 3.5%; padding: 25px 0 25px; }


	#footer > .copyright .business_list { width:auto; }
	#footer > .copyright .business_list li { width:31.33333%; margin:0 1% 4px 0; }

    
    #footer > .copyright .list ul { font-size: 0; text-align: center; }
	#footer > .copyright .list li { display: inline-block; vertical-align: middle; float: none; margin: 0 10px; line-height: 24px; text-align: center; }
	#footer > .copyright .list li:first-child { display: block; clear: both; }
    
    #footer > .copyright .copy {line-height: 24px; text-align: center; }
    
	#footer > .copyright .sns { position: relative; right: auto; top: auto; margin: 20px 0 0; padding-bottom: 20px; }
	#footer > .copyright .sns ul { font-size: 0; text-align: center; }
	#footer > .copyright .sns li { display: inline-block; vertical-align: middle; float: none; margin: 0 5px; }


	/* SPOT */
	#spot > .outer { width: auto; height: 180px; background-size: 200px; background-position: 130% bottom; }
    #spot > .outer.spot_store { background: url("../images/inc/spot_thum1.jpg") no-repeat center bottom; background-size: 320px; }
    
	#spot > .outer .inner { margin: 0 5%; }
	#spot > .outer .inner .slogan { font-size: 26px; line-height: 40px; }

     #spot > .outer.spot_store .inner { display:none; }

	/* SUB_MENU */
	#sub_menu { display: none; }


	/* CONTENT */
	#content { width: auto; padding: 50px 0 70px; }
    #content.sub_board { width:auto; margin:0 3.5%; }


	/* 상담문의 */
	#counsel { width: auto; margin: 0 3.5%; }
	#counsel .search .select { display: none; }
	#counsel .search .input { position: relative; width: 90%; height: 30px; margin: 0 10% 0 0; }
	#counsel .search .input input { height: 30px; padding: 0 10px; font-size: 12px; line-height: 28px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
	#counsel .search .btn { position: absolute; width: 10%; height: 30px; right: 0; top: 0; margin-left: 0; background-color: #f7f7f7; background-image: url("../images/board/search_btn_m.png"); background-position: center; border: 1px solid #d7d7d7; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	#counsel .btn_write { position: relative; width: auto; height: 42px; left: auto; top: auto; margin-top: 30px; border: 1px solid #767676;
	background: #535353; /* Old browsers */
	background: -moz-linear-gradient(top,  #535353 0%, #3f3f3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #535353 0%,#3f3f3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #535353 0%,#3f3f3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */ }
	#counsel .btn_write a,
	#counsel .btn_write a:hover { font-weight: bold; font-size: 12px; line-height: 40px; color: #fff; }

	#counsel .counsel_list { border-top: 2px solid #222222; }
	#counsel .counsel_list li .th:nth-child(2):after { display: none; }
	#counsel .counsel_list li .col_no { display: none; }
	#counsel .counsel_list li .col_store { width:20%; }
	#counsel .counsel_list li .col_writer { width:18%; }
	#counsel .counsel_list li .col_data { display: none; }
	#counsel .counsel_list li .col_state { width:22%; }
	#counsel .counsel_list li .col_state .state { width: 70px; }


	/* 상담문의 - 글쓰기 */
	#counsel .counsel_write { border-top: 2px solid #222222; }
	#counsel .counsel_write li { float: none; width: auto; padding: 10px; }


	/* 약관팝업 */
	#agree_popup .outer .inner { width:auto; height:60vh; margin: 0 30px; }
	#agree_popup .outer .inner .inner_box { padding: 15px 15px 60px; height:60vh; }
	#agree_popup .outer .inner .btn_close { position: relative; width:100%; height:40px; left:0; right:0; margin-top:-40px; background-color:#999; text-align:center; cursor:pointer; }
	#agree_popup .outer .inner .btn_close img { width:16px; margin-top:10px; }


	/* 글보기 */
	.bui_board_view .col_subject { padding:14px 20px 13px 20px; }
	.bui_board_view .col_subject .data { position:relative; right:auto; top:auto; text-align: left; }

	.bui_board_view .col_option .hit { left:auto; right: 20px; text-align: right; }

	.bui_board_view .col_content { padding:20px; }
	.bui_board_view .col_content img { width:100%; }


	/* 진찰예약 */
	#reserve { width: auto; margin: 0 3.5%; }
	#reserve .side { display: block; width: auto; }
	#reserve .side .calendar .body .day .list li { height: 44px; }

	#reserve .side .info { margin: 15px 10px 0; }
	#reserve .side .info li { padding: 0 0 0 14px; margin: 5px 0; }
    #reserve .side .info li:after { top:16px; }


	#reserve .insert_form { display: block; width: auto; margin: 40px 0 0 0; }

	#reserve .insert_form .list { border-top: 2px solid #222222; }
	#reserve .insert_form .list li { padding: 10px 10px; }
	#reserve .insert_form .list li.v1 { padding: 25px 10px; }


	/* 치료후기 */
	#review { width: auto; margin: 0 3.5%; }
	#review .review_tab { margin-bottom: 25px; }
	#review .review_tab a,
	#review .review_tab a:hover { font-size: 15px; line-height: 40px; }

	#review .search .select { display: none; }
	#review .search .input { position: relative; width: 90%; height: 30px; margin: 0 10% 0 0; }
	#review .search .input input { height: 30px; padding: 0 10px; font-size: 12px; line-height: 28px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
	#review .search .btn { position: absolute; width: 10%; height: 30px; right: 0; top: 0; margin-left: 0; background-color: #f7f7f7; background-image: url("../images/board/search_btn_m.png"); background-position: center; border: 1px solid #d7d7d7; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	#review .review_list { border-top: 2px solid #222222; }
	#review .review_list li { padding: 20px 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#review .review_list li .td { display:block; padding: 0; font-size: 14px; line-height: 20px; text-align: left; }
	#review .review_list li .td.v1 { margin: 8px 0; padding-left: 0; }
	#review .review_list li .col_no { display: none; }
	#review .review_list li .col_store { display: block; width:100%; font-weight: bold; }
	#review .review_list li .col_subject { font-size: 15px; }
	#review .review_list li .col_data { width:100%; }

	#review .review_list .list_head { display:none; }


	/* 코숨이란 */
	#cosoom01 { width: auto; margin: 0 3.5%; }
	#cosoom01 .point ul { padding: 20px 0 20px; }
	#cosoom01 .point li { width: 50%; padding: 0 5%; }
	#cosoom01 .point li:nth-child(3) { width: 90%; margin: 20px 5% 0; padding-top: 20px; border-top: 1px solid #d6d6d6; border-left: none; }
	#cosoom01 .point .icon img { height: 60px; }
	#cosoom01 .point .icon_info { line-height: 28px; }
	#cosoom01 .point .icon_info i { display: none; }

	#cosoom01 .list li { margin: 0 0 30px 0; }
	#cosoom01 .list .thum { position: relative; left: auto; top: auto; }
	#cosoom01 .list .thum img { width: 100%; }
	#cosoom01 .list .info { overflow: hidden; display: block; margin: 0 0 0 0; height: auto; }
	#cosoom01 .list .info .inner { display: block; margin: 30px 5%; }
	#cosoom01 .list .info .inner i { display: none; }

	#cosoom01 .list li:nth-child(2) .thum { right: auto; }
	#cosoom01 .list li:nth-child(2) .info { margin: 0 0 0 0; }

	#cosoom01 .info01 { margin: 40px 5% 0; }
	#cosoom01 .info01 i { display: none; }
	#cosoom01 .info01 .info01_list { margin: 30px 5%; }


	/* 코숨핵심가치 */
	#cosoom02 { padding: 60px 0; margin-top: -50px; margin-bottom: -70px; }
	#cosoom02 .outer .inner { width: 90%; padding: 40px auto; }
	#cosoom02 .outer .inner .subject { font-size: 30px; line-height: 30px; text-align: center; }
	#cosoom02 .outer .inner .info { margin: 40px 5% 0; }
	#cosoom02 .outer .inner .info li { margin: 20px 0 0; font-size: 22px; line-height: 36px; }
	#cosoom02 .outer .inner .info i { display: none; }


	/* 코숨테이프 */
	#cosoom03 { margin-top: -50px; }
	#cosoom03 .head { padding: 60px 0 140px; background-size: 140px; }
	#cosoom03 .head .outer { width: auto; margin: 0 3.5%; }
	#cosoom03 .head .outer .thum { display: block; width: auto; }
	#cosoom03 .head .outer .thum img { width: 100%; -webkit-box-show:10px 10px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); }

	#cosoom03 .head .outer .inner { display: block; width: auto; margin: 60px 10px 0; }
	#cosoom03 .head .outer .inner .subject { font-size: 25px; line-height: 30px; letter-spacing: -2px; }
	#cosoom03 .head .outer .inner .info i { display: none; }

	#cosoom03 .why { padding: 60px 0 60px; background: none; }
	#cosoom03 .why .outer { width: auto; margin: 0 3.5%; }
	#cosoom03 .why .outer .subject { font-size: 26px; line-height: 30px; }
	#cosoom03 .why .outer .list { margin: 40px 0 0; }
	#cosoom03 .why .outer .list li { padding-left: 40px; }
	#cosoom03 .why .outer .list li strong { font-size: 20px; line-height: 30px; }
	#cosoom03 .why .outer .list li:after { width: 26px; height: 26px; left: 1px; top: 2px; background-size: cover; }
	#cosoom03 .why .outer .list i { display: none; }

	#cosoom03 .why .outer .caution .caution_subject { padding: 0 30px; }
	#cosoom03 .why .outer .caution .caution_info { padding: 0 30px; }

	#cosoom03 .action { padding: 60px 0 60px; }
	#cosoom03 .action .outer { width: auto; margin: 0 3.5%; }

	#cosoom03 .action .outer .subject { font-size: 26px; line-height: 30px; }
	#cosoom03 .action .outer .list { margin: 40px auto 0; }
	#cosoom03 .action .outer .list li { display: block; width: auto; margin: 0 30px 30px; }
	#cosoom03 .action .outer .list .thum img { width: 100%; }

	#cosoom03 .btn_more img { height: 70px; }


	/* 한의원찾기 */
	#store { width: auto; margin: 0 3.5%; }
	#store .search .select { width: 40%; height: 40px; margin-right: 1%; }
	#store .search .select select { height: 38px; line-height: 38px; }
	#store .search .btn_search { width: 18%; height: 40px; background-size: contain; }

	#store .list { margin: 30px 0 0; border-top: 2px solid #222222; }
	#store .list li { padding: 30px 5% 35px; }
    #store .list .store_thum { position:relative; left:auto; top:auto; width:140px; margin:0 auto 30px;; }
	#store .list .store_name { margin-left:0; font-size: 22px; }
	#store .list .name { font-size: 18px; }
	#store .list .address { margin-left:0; font-size: 18px; line-height: 28px; }
	#store .list .tel { margin-left:0; margin-top: 20px; font-size: 22px; letter-spacing: 0; }

	#store .list .btn_list { position: relative; right: auto; top: auto; margin-top: 30px; }
	#store .list .btn_list li { width: 44%; margin: 0 1.5% 6px 0; }
	#store .list .btn_list li.kakao { width: 44%; margin: 0 1.5% 6px 0; }
	#store .list .btn_list li.blog { width: 44%; margin: 0 1.5% 6px 0; }
    #store .list .btn_list li:nth-child(4) { clear:none; }
	#store .list .btn_list a,
	#store .list .btn_list a:hover { font-size: 16px; }


	/* 약도팝업 */
	#map_popup .outer .inner { width:auto; height:60vh; margin:20px; }
	#map_popup .outer .inner .inner_box { height:60vh; }
	#map_popup .outer .inner .btn_close { position: relative; width:auto; height:40px; left:auto; right:auto; top:auto; margin-top:-20px; background-color:#999; text-align:center; cursor:pointer; }
	#map_popup .outer .inner .btn_close img { width:16px; margin-top:10px; }


	/* 진료시간팝업 */
	#time_popup .outer .inner { width:auto; height:auto; margin:10px; }
	#time_popup .outer .inner .inner_box img { width:100%; }
	#time_popup .outer .inner .btn_close { position: relative; width:auto; height:40px; left:auto; right:auto; top:auto; margin-top:0; background-color:#999; text-align:center; cursor:pointer; }
	#time_popup .outer .inner .btn_close img { width:16px; margin-top:10px; }


	/* 특화진료 및 코연관질환 */
	#service { width: auto; margin: 0 3.5%; }
	#service .service_tab { margin-bottom: 40px; }
	#service .service_tab li { width: 49.5%; margin-left: 1%; }
	#service .service_tab a,
	#service .service_tab a:hover { line-height: 40px; }

	#service h2 { width: auto; margin: -25px 15% 0; }
    #service h2.v1 { margin: 0 auto -20px; }
	#service h3 { margin: 0; }
	#service h3.v1 { margin: 70px 0 0 0; }
	#service .outer { padding: 30px 0 100px 0; }
	#service .outer.v1 { padding: 30px 0 0 0; }
	#service .outer .thum { position: relative; right: auto; top: auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;-webkit-box-show:10px 10px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); }
	#service .outer .thum img { width: 100%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

	#service .outer .list { margin:40px 3% 0; }
	#service .outer .list .subject { display: block; width: auto; }
	#service .outer .list .info { display: block; width: auto; }
	#service .outer .list .info.v1 { width: auto; }
	#service .outer .list .info.v1 li { float: none; width: auto; }
	#service .outer .list .info i { display: none; }
	#service .outer .list .photo { display: block; width: auto; }
	#service .outer .list .photo img { width: 100%; }
	#service .outer .list .youtube { display: block; width: auto; height:250px; }
    
	#service .outer .list .thum_list { width: auto; }
	#service .outer .list .thum_list li { width: 45%; }
	#service .outer .list .thum_list li.dash { width: 10%; background-size: 15px; }
	#service .outer .list .thum_list li:after { display: none; }
    #service .outer .list .thum_list .thum_img .thum_state { padding:0 8px; right:6px; top:6px; line-height: 30px; }
	#service .outer .list .thum_list .thum_img img { width: 100%; }
	#service .outer .list .thum_list .thum_info { line-height: 24px; }

	#service .outer .list .thum_list01 { margin: 15px 0 0; }
	#service .outer .list .thum_list01 .thum_img { display: block; width: auto; }
	#service .outer .list .thum_list01 .thum_img img { width: 100%; }
	#service .outer .list .thum_list01 .thum_info { display: block; width: auto; margin: 20px 0 0; }


	/* 약관 */
	#etc { width: auto; margin: 0 3.5%; }
	#etc p { margin: 30px 0 0; }


	/* 코숨치료 */
	#cure { width: auto; margin: 0 3.5%; }
	#cure li { padding: 50px 0; border: none; }
	#cure li:first-child { padding: 20px 0 50px; }
	#cure .icon { display: block; width: 100%; height: auto; margin: 0; padding: 10px 0; }
	#cure .icon img { height: 80px; }
	#cure .info { display: block; width: auto; margin: 40px 5% 0; }
	#cure .info h3 span { display: block; margin: 10px 0 0 0; }
	#cure .info h4 { margin: 30px 0 0 0; }
	#cure .info p.v1 { margin: 30px 0 0; }
	#cure .info p i { display: none; }
	#cure .info .thum.v1 { margin: 40px 0 0; }
	#cure .info .thum li { width: 100%; margin: 0 0 10px; }
	#cure .info .thum li img { width: 100%; }
	#cure .info .thum_info { margin-top: 10px; }


}
