@charset "utf-8";

@font-face {
	font-family:NanumBarunGothic;
	font-weight:normal;
	src:../../../_component/static/font/NanumBarunGothic.eot');
	src:local('NanumBarunGothic'), local('나눔바른고딕'),
		url('../../../_component/static/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../../../_component/static/font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:NanumBarunGothicBold;
	font-weight:bold;
	src:url('../../../_component/static/font/NanumBarunGothicBold.eot');
	src:local('NanumBarunGothicBold'), local('나눔바른고딕'),
		url('../../../_component/static/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../../../_component/static/font/NanumBarunGothicBold.woff') format('woff');
}

/* reset */
body{margin:0;font: normal 13px NanumBarunGothic, Dotum;background:#ced2da; }
fieldset, dl, dt, dd { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { margin:0; font-size:inherit; }
table { width:100%; }
th,td{padding:0;}
ol, ul { list-style: none;margin:0 ;padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; margin: 0;padding:0;}
p{margin:0;padding:0;}
a{color:#000; text-decoration: none;}


/* skip */
#skip{position: absolute;left:0;top:0;width:100%;z-index: 2;}
#skip a{position: absolute;left:0;top:-100px;width:100%;height:30px;padding:10px 0;font-size:20px;line-height:30px;text-align:center;background:#595f6a;}
#skip a:active, #skip a:focus {top:0;color:#fff;}


/*header*/
#header{background:rgba(55,87,134,0.84) url("../img/head_bg.jpg") no-repeat; background-size:100% 100%;box-shadow:0px 2px 2px rgba(0,0,0,0.10);}
#header .tit_1depth{font-size:0;line-height:107px;background: url("../img/logo2.png") center center no-repeat;background-size: 271px 49px;}
#header .tit_1depth_2018 {font-size:0;line-height:107px;background: url("../img/logo3.png") center center no-repeat;background-size: 227px 49px;}
#header .tit_1depth_2017_n1 {background: url("../img/logo2017_n1.png") center center no-repeat;background-size: 263px 49px;}
#header .tit_1depth_2017_n2 {background: url("../img/logo2017_n2.png") center center no-repeat;background-size: 368px 66px;}
#header .tit_1depth a{display: block;height:107px;}
#gnb{padding:0 18px;line-height:43px;background:rgba(50,75,110,0.77);} 
#gnb ul li{float:left;list-style:none;text-align: center;}
#gnb ul li a{position:relative;display:inline-block;padding:13px 0px; text-decoration: none;color:#fff;;font:1.15em NanumBarunGothicBold;}
#gnb ul li.on a:after{position:absolute;top:-9px;width:19px;height:19px;content:"";background:url("../img/ico_nav.png") no-repeat;background-size:19px 106px;}
#gnb ul li:nth-child(1){margin-right:7%; width:7%;}
#gnb ul li:nth-child(2){width:24%;}
#gnb ul li:nth-child(3){width:22%;}
#gnb ul li:nth-child(4){width:22%;}
#gnb ul li:nth-child(5){width:18%;text-align:right;}

@media all and (max-width:320px){
	#gnb.gnb2017_02 ul li:nth-child(2){width:22%;}
	#gnb.gnb2017_02 ul li:nth-child(3),
	#gnb.gnb2017_02 ul li:nth-child(4){width:21%;}
	#gnb.gnb2017_02 ul li:nth-child(5) {width:22%;}
}

@media all and (max-width:375px){
	#header .tit_1depth_2017_n2 {background-size:90% auto;}
}

#gnb ul li:nth-child(1).on a:after{left:0px;background-position:0px 0px;}
#gnb ul li:nth-child(2).on a:after{left:8px;background-position:0px -21px;}
#gnb ul li:nth-child(3).on a:after{left:8px;background-position:1px -42px;}
#gnb ul li:nth-child(4).on a:after{left:8px;background-position:1px -63px;}
#gnb ul li:nth-child(5).on a:after{left:8px;background-position:1px -84px;}

#gnb.gnb2017_02 ul li.on a:after {left:50%; margin-left:-9px;}

#gnb ul li:nth-child(1) a{padding:13px 3px;}
#gnb ul li:nth-child(2).on a{color:#affff4;}
#gnb ul li:nth-child(3).on a{color:#bde4ff;}
#gnb ul li:nth-child(4).on a{color:#ffd0d0;}
#gnb ul li:nth-child(5).on a{color:#ffe4d0;}
#gnb:after{content:"";display: block; clear: both;}

/* container */
#container{background:#e9eef7;}

/* main_con */
.main{background:url(../img/container_bg.jpg) no-repeat; background-size:100% 100%;}
.main .notice{height:38px;background:rgba(255,255,255,0.8) url(../img/header_shadow.png) no-repeat;background-size:100% 3px;}
.main .notice p{line-height:38px;text-align:center;font-size:0.92em;font-family:NanumBarunGothic; color:#2b3f52;}
.main .main_con{padding:20px 18px;}
.main .main_con a{display:block;}
.main_con .con_box{padding:0px 18px 0px 18px;margin-bottom:14px;height:54px;line-height:54px;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,0.29)}
.main_con .con_box.a_type{border:solid 2px #009b86;}
.main_con .con_box.b_type{border:solid 2px #4f92dc;}
.main_con .con_box.c_type{border:solid 2px #fd6666;}
.main_con .con_box.d_type{border:solid 2px #ff8e3b;}
.main_con .con_box strong{display:inline-block;height:54px;line-height:54px;font-size:2.38em;font-family:NanumBarunGothicBold;}
.main_con .con_box strong span{ margin-left:4px;font-size:0.46em;vertical-align: middle;font-weight:normal;font-family:NanumBarunGothic;color:#000;}
.main_con .con_box .type{display:inline;font-size:2.38em;font-family:NanumBarunGothicBold;}
.main_con .con_box.a_type strong{color:#009b86}
.main_con .con_box.b_type strong{color:#4f92dc}
.main_con .con_box.c_type strong{color:#fd6666}
.main_con .con_box.d_type strong{color:#ff8e3b}
.main_con .con_box .price{display:inline-block;float:right;padding-right:19px;height:58px;line-height:58px;font-size:1.07em;font-family:NanumBarunGothicBold;}
.main_con .con_box .price span{display:inline-block;padding-right:8px; height:11px; line-height:11px;margin-right:5px;border-right:solid 2px #adadad;}
.main_con .con_box.a_type .price{background:url(../img/ico_a_type.png) right 22px no-repeat;background-size:14px 14px;}
.main_con .con_box.b_type .price{background:url(../img/ico_b_type.png) right 22px no-repeat;background-size:14px 14px;}
.main_con .con_box.c_type .price{background:url(../img/ico_c_type.png) right 22px no-repeat;background-size:14px 14px;}
.main_con .con_box.d_type .price{background:url(../img/ico_d_type.png) right 22px no-repeat;background-size:14px 14px;}
.main_con .con_box:after{content:"";display:block;clear:both;}
.main_con .con_roundbox{padding:12px 0;font-size:0.92em;font-family:NanumBarunGothic;color:#fff;text-align:center;border:solid 1px #fff;border-radius:6px;}
.main_con .con_roundbox span{font-family:NanumBarunGothicBold;}

/* footer */
#footer{height:143px; background-color:#ced2da;}
#footer .reserve_info{padding-top:10px;padding-bottom:20px;text-align: center;}
#footer .reserve_info p{margin-top:10px;color:#616875;font-size: 0.85em;line-height: 10px;}
#footer .reserve_info p span{display:inline-block; color:#616875; line-height: 10px;}
#footer .reserve_info p span a{color:#fff;}/* 아이폰 전화번호 링크 색상적용 */
#footer .reserve_info p span:nth-child(2){padding-left:5px;border-left:1px solid #adb2b9;}
#footer .copyright{margin-top:12px;color:#888d96;font-size: 0.70em;text-align: center;}
#footer .btn_m {float:left; box-sizing:border-box;}
#footer .btn_m.btn_dark_gray {margin-right:5px;width:36%;}
#footer .btn_m.btn_gray{width:62%}
#footer .btn_wrap:after{content:"";display: block; clear: both;}
#footer .btn_wrap{padding:0 30px;}


/* info */
.info{padding:16px 10px 16px 10px;font-size:1.07em;color:#fff;line-height:19px;background:url(../img/header_shadow.png) no-repeat;background-size:100% 3px;}
.info .info_title{margin-bottom:10px;}
.info.a_type{background-color:#169382;}
.info.b_type{background-color:#3f93f0;}
.info.c_type{background-color:#e56262;}
.info.d_type{background-color:#fa8936;}
.info .info_price{padding-left:8px;font-family:NanumBarunGothicBold; background: url(../img/list_square_w.jpg)0 6px no-repeat;background-size: 3px 3px;}

/* box_wrap */
.box{padding:40px 0 50px 0; background-color:#e8ebf2;}
.box_wrap{position: relative;padding:35px 10px 19px 10px; }
.box_wrap .tit_3depth{display:inline;height:35px;font-size:1.07em; line-height: 35px;font-family:NanumBarunGothicBold;color:#3b3e43;}
.box_wrap .btn_m a{color:#394464;}
.box_wrap .btn_m{float:right;width:29%;}
.box_wrap .btn_m:after{content:"";display: block; clear: both;}

/* 상세안내 옆에 버튼 경우 */
.box_wrap .btn_layout{position:absolute; top:0; right:10px;}

/* box_con */
.box_wrap .box_con{padding:20px 15px;background-color:#fff; border-radius:3px;}
.box_con .list_square_b li{padding-left:10px;color:#6e7178;font-size:1.08em;line-height:19px;}

/* table */
.tbl_default{width:100%;font-size: 1.05em;text-align: center;border-collapse:collapse;box-sizing: border-box;}
.tbl_default caption{position:absolute;left:10px; top:0;height:35px;font-size:1.07em; line-height: 35px;font-family:NanumBarunGothicBold;color:#3b3e43;}
.tbl_default thead{color:#374464;}
.tbl_default thead th{height:43px;border-bottom:1px solid #babec7;border-top:2px solid #374464;border-left:1px solid #e1e5e8;}
.tbl_default thead th:first-child{border-left:0;}
.tbl_default tbody th, .tbl_default td{padding:10px 0 7px 0;border-left:1px solid #e1e5e8;border-bottom:1px solid #e1e5e8;box-sizing: border-box;line-height:19px;}
.tbl_default tbody th{border-left:0;color:#373b47;background-color:#f8f8f8;}
.tbl_default tbody tr{color:#383c48;}


/* common */
.btn_m {height:25px; text-align: center; border-radius: 3px;box-sizing:border-box;}
.btn_m a {display: inline-block; font-size: 0.85em; color: #fff; line-height: 25px}
.btn_m .ico {padding-left:17px}
.btn_gray {background:#86909f}
.btn_dark_gray {background:#616977}
.btn_line_b {border: 1px solid #394464;background:#e8ebf2;}

.ico_phone_w {background: url(../img/ico_phone_w.png) 0 50% no-repeat; background-size: 12px 13px}
.ico_phone_b {background: url(../img/ico_phone_b.jpg) 0 50% no-repeat; background-size: 12px 13px}

.list_square_w li{background:url(../img/list_square_w.jpg)0 6px  no-repeat;background-size:3px 3px;}
.list_square_b li{background:url(../img/list_square_b.jpg)0 5px no-repeat;background-size:3px 3px;}
.list_none {list-style: none;}

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;} 

.ico_heart{background:url(../img/ico_haert.jpg)center center no-repeat; background-size:12px 12px;}

/* flick */
#container {position:relative; z-index:20;/*z-index:-1;*/ overflow:hidden;}
#container .flick {overflow:hidden; visibility:hidden; position:relative;}
#container .flick {}
#container .flick-wrap {overflow:hidden; position:relative;}
#container .flick-panel {float:left; width:100%; position:relative; min-height:250px; overflow:hidden;}
#container .flick-panel-short {min-height:200px;}
#container .flick-panel-mid {min-height:200px;}
/* tutorial */
#tutorial {position:fixed; left:0; top:0; width:100%; height:100%; z-index:999}
#tutorial .bg_tutorial {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8}
#tutorial .wrap_tutorial {position:relative; height:100%; text-align:center;}
#tutorial .tutorial_info {display:inline-block; text-align:center; vertical-align:middle;}
#tutorial .tutorial_info .txt {display:inline-block; width:196px; height:210px; font-size:0; line-height:0; text-indent:-9999px; background: url(../img/intro_img_txt.png) 0 0 no-repeat; background-size:100% auto}
#tutorial .wrap_tutorial:after {display:inline-block; content:""; width:0; height:100%; vertical-align:middle}
#tutorial .wrap_tutorial .btn_close {display:block; position:absolute; right:0; top:0; width:43px; height:43px; background: url(../img/btn_close.png) 10px 10px no-repeat; background-size:23px 23px}
#tutorial .wrap_tutorial .btn_close span {position:absolute; top:-9999px; font-size:0; line-height:0}


.tbl_default_title {font-size:13px; margin-bottom:6px; color:#373b47; font-weight:bold;}
.tbl_default + .tbl_default_title {margin-top:20px;}

/* 2017-02-21 메인추가 협력의사대상 프로모션 */
.notice_type02 {background:url(../img/header_shadow.png)  no-repeat 0 0; padding:15px 9px 0 9px; word-spacing:-1px; text-shadow:1px 1px #666; }
.notice_type02 p {font-weight:bold; font-size:18px; color:#fff; text-align:center; line-height:21px;}
.notice_type02 p span {font-size:14px;}
.notice_type02 ul {margin-top:10px;}
.notice_type02 ul li {padding-left:7px;font-size:15px; background:url(../img/bg_yellow_square.gif) no-repeat 0 5px; color:#fff7c4; background-size:4px 5px; letter-spacing:-1px; line-height:17px; margin-bottom:1px;}
.notice_type02 ul li em {padding-left:3px;font-style:normal; font-size:12px; letter-spacing:0;}

.main_bottom_addition {padding:16px 10px 14px 22px; background-color:#2f3540;}
@media all and (max-width:335px){
	.notice_type02 p {font-size:16px;}
	.notice_type02 p span {font-size:13px;}
	.notice_type02 ul li {margin-bottom:5px; letter-spacing:0px; word-spacing:0px;}
	.notice_type02 ul li:first-child em {display:block; }
}

@media all and (min-width:500px){
	.notice_type02  {word-spacing:1px;}
	.notice_type02 ul {margin-top:30px;}
	.main_bottom_addition {text-align:center;}
}

/* 2017-05월 프로모션 gnb개수 많음  */
#gnb.gnb2017_05 {padding:0 5px;}
#gnb.gnb2017_05 ul li.on a:after {top:-15px}
#gnb.gnb2017_05 ul {display:table; width:100%; box-sizing:border-box;}
#gnb.gnb2017_05 ul li{float:none; display:table-cell; vertical-align:middle; box-sizing:border-box;}
#gnb.gnb2017_05 ul li:nth-of-type(1){}
#gnb.gnb2017_05 ul li:nth-of-type(1).on a:after,
#gnb.gnb2017_05 ul li:nth-of-type(6).on a:after,
#gnb.gnb2017_05 ul li:nth-of-type(7).on a:after{left:50%; margin-left:-9px;}
#gnb.gnb2017_05 ul li:nth-of-type(2){width:16%;}
#gnb.gnb2017_05 ul li:nth-of-type(3){width:16%;}
#gnb.gnb2017_05 ul li:nth-of-type(4){width:16%;}
#gnb.gnb2017_05 ul li:nth-of-type(5){width:16%; text-align:center;}
#gnb.gnb2017_05 ul li:nth-of-type(6){width:12%; text-align:center;}
#gnb.gnb2017_05 ul li:last-child{width:12%;text-align:center;}

.notice_type03 {padding-right:0px; padding-left:0px;}
.notice_type02.notice_type03 p { font-weight:normal; font-size:19px; letter-spacing:-1px; line-height:22px;}
.notice_type02.notice_type03 ul {margin-left:11px;}

.main_con.main_con_type02 .con_box {line-height:1em;}
.main_con.main_con_type02 .con_box {background:#fff url(../img/ico_a_type.png) 96% 50% no-repeat; background-size:14px 14px;}
.main_con.main_con_type02 .con_box.b_type {background:#fff url(../img/ico_b_type.png) 96% 50% no-repeat; background-size:14px 14px;}
.main_con.main_con_type02 .con_box.c_type {background:#fff url(../img/ico_c_type.png) 96% 50% no-repeat; background-size:14px 14px;}
.main_con.main_con_type02 .con_box.d_type {background:#fff url(../img/ico_d_type.png) 96% 50% no-repeat; background-size:14px 14px;}
.main_con.main_con_type02 .con_box {display:table; width:100%; height:80px;box-sizing:border-box;}
.main_con.main_con_type02 .con_box strong {display:table-cell; width:40px; line-height:1em; height:auto; vertical-align:middle; font-size:3.2em;}
.main_con.main_con_type02 .con_box .detail_price {display:table-cell; vertical-align:middle;}
.main_con.main_con_type02 .con_box .detail_price * {vertical-align:middle;}
.main_con.main_con_type02 .con_box .detail_price >span {font-size:1.2em;}
.main_con.main_con_type02 .con_box .tp01 {display:inline-block; vertical-align:middle; font-size:0.9em; font-style:normal; color:#808080; letter-spacing:0;}
.main_con.main_con_type02 .con_box .price {float:none; display:inline-block; padding-top:6px;height:auto; font-size:1.38em; color:#333333; font-style:normal; line-height:1em; background-image:none;vertical-align:middle}
.main_con.main_con_type02 .con_box .price span {color:#adadad;}

.tbl_default.left {}
.tbl_default.left tbody th {text-align:left; padding-left:15px;}
.tbl_default.left tbody td {text-align:right; padding-right:10px;}
/* 2017년 11월 2018년 대비 .gnb2017_11 */
#gnb.gnb2017_05.gnb2017_11 ul li:last-child {width:15%;}
.txt_emp {display:block; padding-bottom:10px; line-height:1em;   color:#f8e4b5; letter-spacing:0}
.txt_emp em {font-style:normal; font-size:1.15em;text-decoration:underline;}
.txt_emp_tel strong {font-size:1.16em;}
#footer .btn_wrap.btn_wrap201712 {}
#footer .btn_wrap.btn_wrap201712 .btn_m201712 {width:200px; margin:0 auto; float:none;text-align:center;height: 42px;border-radius: 6px;}
#footer .btn_wrap.btn_wrap201712 .btn_m201712 a {padding-left:21px; line-height:42px; font-size:1.19em;  background-size:15px 16px;}
.btn_wrap.btn_wrap201712 .btn_go_hp {width:100%; text-align:center;}
.btn_wrap.btn_wrap201712 .btn_go_hp a {display:inline-block; padding-right:26px; padding-top:12px; padding-bottom:5px; color:#616875; font-size:0.85em; background:url(../img/ico_go_link2017.gif) no-repeat 100% 48%; background-size:22px 7px;}

.main .notice.notice_new2018 {height:auto; padding:13px 0;}
.main .notice.notice_new2018 p {color:#2b3f52;text-align:left;}
.main .notice.notice_new2018 p.pro_txt02 {font-size:14px; line-height:20px; padding:0 20px 0 23px}
.main .notice.notice_new2018 p.pro_txt03 {margin-top:7px;font-size:16px; line-height:24px; letter-spacing:-1px; padding:0 10px 0 23px;}

.box_wrap .btn_m.btn_m201712 {height:37px; width:156px; }
.box_wrap .btn_m.btn_m201712 a {font-size:1.07em; line-height:37px; background-size:15px 16px; padding-left:22px;}
.box_wrap .btn_m.btn_m201712.btn_layout2017 {position:absolute;top:-10px;right:10px;}
@media all and (max-width:335px){
	.notice_type02.notice_type03 p {font-size:16px;}
	.notice_type02.notice_type03 p span {font-size:12px;}
	.main_con.main_con_type02 .con_box .price {font-size:1.2em;}
	.txt_emp {line-height:1.2em;}
}
