@charset "utf-8";

/* visual */
.visual-section {width:100%;overflow:hidden;position:relative;}
.visual-section .image-item {height:700px;}
.visual-section .image-item.-first {background:url('../images/main/main-visual1.png') no-repeat center top;}
.visual-section .image-item.-second {background:url('../images/main/main-visual2.png') no-repeat center top;}
.visual-section .image-item.-third {background:url('../images/main/main-visual3.png') no-repeat center top;}

.visual-section .bx-pager {width:1200px;text-align:center;position:absolute;left:50%;bottom:30px;margin-left:-600px;z-index:1;overflow:hidden;}
.visual-section .bx-pager .bx-pager-item {float:left;width:400px;height:54px;border-radius:0;margin:0;background:rgba(51,51,51,.75);opacity:1;color:#fff;font-size:20px;font-family:inherit;font-weight:300;line-height:54px;letter-spacing:-.3px;text-align:center;}
.visual-section .bx-pager .bx-pager-item a {display:block;width:100%;height:100%;margin:0;border-radius:0;font-family:'Noto Sans Kr';text-indent:0;}
.visual-section .bx-wrapper .bx-pager.bx-default-pager a:hover, .visual-section .bx-wrapper .bx-pager.bx-default-pager a.active, .visual-section .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#52b8c7;}




/* box */
.main-section01 {padding-bottom:70px;background:#f2f1f4;font-weight:300;}
.main-section01 header {padding:60px 0;text-align:center;background:#fff;}
.main-section01 header .subhead {margin-bottom:4px;font-size:14px;color:#aaa;letter-spacing:4px;text-transform:uppercase;font-weight:300;}
.main-section01 header h2 {font-size:36px;color:#333;letter-spacing:-.2px;font-weight:300;}
.main-section01 header h2 b {font-family:inherit;font-weight:400;}

.main-section01 article {position:relative;overflow:hidden;}
.main-section01 .inbox {height:1050px;max-width:1200px;margin:0 auto;position:relative;}
.main-section01 .inbox .contents {height:1050px;overflow:hidden;}

.main-section01 .inbox .contents .box1 {float:left;width:400px;height:350px;padding:40px 36px;box-sizing:border-box;}
.main-section01 .inbox .contents .box1 .bg-img {width:400px;height:350px;background:url('../images/main/main-article1-bg.png') no-repeat 0 0;position:absolute;left:0;top:0;z-index:1;transition:all .4s ease;}
.main-section01 .inbox .contents .box1 * {position:relative;z-index:10;}
.main-section01 .inbox .contents .box1 h3 {margin-bottom:10px;font-size:14px;color:#6583c3;letter-spacing:1px;text-transform:uppercase;}
.main-section01 .inbox .contents .box1 p.desc {margin-bottom:6px;font-size:30px;line-height:37px;color:#fff;}
.main-section01 .inbox .contents .box1 p.doctor {margin-bottom:56px;font-size:16px;color:#fff;}
.main-section01 .inbox .contents .box1 p.doctor .divider {color:#6583c3;}
.main-section01 .inbox .contents .box1 p.doctor .name {font-size:22px;font-weight:400;}
.main-section01 .inbox .contents .box1 a {display:block;width:94px;height:32px;border:1px solid #fff;box-sizing:border-box;color:#fff;border-radius:25px;text-align:center;line-height:30px;overflow:hidden;position:relative;}
.main-section01 .inbox .contents .box1 a:hover {color:#2f487f;}
.main-section01 .inbox .contents .box1 a:after {content:'';display:block;position:absolute;left:0;top:0;z-index:-1;height:32px;width:0px;border-radius:25px;background:#fff;transition:all .2s ease;}
.main-section01 .inbox .contents .box1 a:hover:after {width:94px;}

.main-section01 .inbox .contents .box2 {float:left;width:800px;height:350px;background-color:#6583c3;text-align:center;}
.main-section01 .inbox .contents .box2 h3 {margin-top:40px;margin-bottom:36px;font-size:14px;color:#2f487f;letter-spacing:1px;text-transform:uppercase;}
.main-section01 .inbox .contents .box2 ul {padding:0 24px;box-sizing:border-box;overflow:hidden;text-align:center;}
.main-section01 .inbox .contents .box2 ul li {float:left;width:25%;height:120px;}
.main-section01 .inbox .contents .box2 ul li.second img {margin-top:10px;}
.main-section01 .inbox .contents .box2 ul li a {}
.main-section01 .inbox .contents .box2 ul li a .img {display:block;height:50px;}
.main-section01 .inbox .contents .box2 ul li a .img img {vertical-align:middle;}
.main-section01 .inbox .contents .box2 ul li a .txt {display:block;margin-top:8px;font-size:19px;color:#fff;}

.main-section01 .inbox .contents .box3 {float:left;width:400px;height:350px;padding:40px 36px;box-sizing:border-box;}
.main-section01 .inbox .contents .box3 .bg-img {width:400px;height:350px;background:url('../images/main/main-article3-bg.png') no-repeat 0 0;position:absolute;left:0;top:0;z-index:1;transition:all .4s ease;}
.main-section01 .inbox .contents .box3 * {position:relative;z-index:10;}
.main-section01 .inbox .contents .box3 h3 {margin-bottom:16px;font-size:25px;color:#333;}
.main-section01 .inbox .contents .box3 p {margin-bottom:120px;font-size:34px;line-height:38px;color:#fff;}
.main-section01 .inbox .contents .box3 a {display:block;width:94px;height:32px;border:1px solid #fff;box-sizing:border-box;color:#fff;border-radius:25px;text-align:center;line-height:30px;overflow:hidden;position:relative;}
.main-section01 .inbox .contents .box3 a:hover {color:#2f487f;}
.main-section01 .inbox .contents .box3 a:after {content:'';display:block;position:absolute;left:0;top:0;z-index:-1;height:32px;width:0px;border-radius:25px;background:#fff;transition:all .2s ease;}
.main-section01 .inbox .contents .box3 a:hover:after {width:94px;}

.main-section01 .inbox .contents .box4 {float:left;width:400px;height:350px;}
.main-section01 .inbox .contents .box4 div.row1 {width:100%;height:175px;background:#fff;text-align:center;}
.main-section01 .inbox .contents .box4 div.row1 h3 {padding-top:30px;font-size:25px;color:#333;}
.main-section01 .inbox .contents .box4 div.row1 p {font-size:40px;color:#6583c3;letter-spacing:-.2px;font-weight:700;}

.main-section01 .inbox .contents .box4 div.row2 { width:100%;height:175px;background:#fdde1b;text-align:center;}
.main-section01 .inbox .contents .box4 div.row2 div { display:inline-block; vertical-align:top; }
.main-section01 .inbox .contents .box4 div.row2 div + div { padding-left:15px; margin-left:15px; border-left:1px solid #d4b908; text-align:left;}
.main-section01 .inbox .contents .box4 div.row2 h3 { padding-top:30px; font-size:25px; color:#222; padding-bottom:24px; }
.main-section01 .inbox .contents .box4 div.row2 h4 { font-size:26px; font-weight:500; color:#e77200; }
.main-section01 .inbox .contents .box4 div.row2 h4 span { font-weight:300; }
.main-section01 .inbox .contents .box4 div.row2 h4 + p { padding-top:2px; font-size:17px; font-weight:400; color:#381e1f; }

.main-section01 .inbox .contents .box5 {float:left;width:400px;height:350px;text-align:center;}
.main-section01 .inbox .contents .box5 .bx-wrapper {margin-top:-25px;/*오류 임시 마진*/}
.main-section01 .inbox .contents .box5 ul {width:400px;height:350px}
.main-section01 .inbox .contents .box5 ul li {width:400px;height:350px;overflow:hidden;position:relative;}
.main-section01 .inbox .contents .box5 .bg-img {width:400px;height:350px;position:absolute;left:0;top:0;z-index:1;transition:all .4s ease;}
.main-section01 .inbox .contents .box5 .box5_img1 {background:url('../images/main/main-article5-bg1.png') no-repeat 0 0;}
.main-section01 .inbox .contents .box5 .box5_img2 {background:url('../images/main/main-article5-bg2.png') no-repeat 0 0;}
.main-section01 .inbox .contents .box5 .box5_img3 {background:url('../images/main/main-article5-bg3.png') no-repeat 0 0;}
.main-section01 .inbox .contents .box5 ul li:hover .bg-img {transform:scale(1.1);}
.main-section01 .inbox .contents .box5 p {padding-top:28px;font-size:18px;position:relative;z-index:10;font-weight:400;color:#333;}
.main-section01 .inbox .contents .box5 h3 {font-size:38px;position:relative;z-index:10;font-weight:500;}
.main-section01 .inbox .contents .box5 .bx-pager {bottom:20px;}
.main-section01 .inbox .contents .box5 .bx-pager .bx-pager-item a {width:9px;height:9px;background:#b9babd;opacity:1;}
.main-section01 .inbox .contents .box5 .bx-wrapper .bx-pager.bx-default-pager a.active {width:20px;border-radius:20px;background:#314a80;}

.main-section01 .inbox .contents .box6 {float:left;width:400px;height:350px;transition:all .4s ease;}
.main-section01 .inbox .contents .box6 .bg-img {width:400px;height:350px;background:url('../images/main/main-article6-bg.png') no-repeat center center;position:absolute;left:0;top:0;z-index:1;transition:all .4s ease;}
.main-section01 .inbox .contents .box6:hover .bg-img {transform:scale(1.1);}
.main-section01 .inbox .contents .box6 * {position:relative;z-index:10;}
.main-section01 .inbox .contents .box6 a {position:static;}
.main-section01 .inbox .contents .box6 h3 {margin-top:30px;margin-bottom:14px;font-size:25px;color:#fff;text-align:center;}
.main-section01 .inbox .contents .box6 .contents {width:320px;margin:0 auto;}
.main-section01 .inbox .contents .box6 .contents p {overflow:hidden;font-size:19px;line-height:28px;color:#fff;}
.main-section01 .inbox .contents .box6 .contents p .day {float:left; font-weight:400;}
.main-section01 .inbox .contents .box6 .contents p .day img { vertical-align:-6px; margin-left:4px; }
.main-section01 .inbox .contents .box6 .contents p .day span{ font-size:17px;}
.main-section01 .inbox .contents .box6 .contents p .time {float:right;letter-spacing:0; }
.main-section01 .inbox .contents .box6 .contents div.notice_txt { text-align:center;}
.main-section01 .inbox .contents .box6 .contents div.notice_txt p {font-size:18px;line-height:24px;}
.main-section01 .inbox .contents .box6 .contents div.notice_txt p em {color:#fcea4e;}
.main-section01 .inbox .contents .box6 .contents div.notice_txt p.box { margin:10px 0; padding:2px 0; background-color:#fff; font-weight:600; color:#242424; }
.main-section01 .inbox .contents .box6 .contents div.notice_txt p.box strong { font-weight:600; color:#ea2929; }

.main-section01 .inbox .contents .box7 {float:left;width:400px;height:350px;}
.main-section01 .inbox .contents .box7 div {width:100%;height:175px;}
.main-section01 .inbox .contents .box7 div:after { display:block; clear:both; content:''; }
.main-section01 .inbox .contents .box7 div[class^="row1-"] { float:left; width:50%; text-align:center;}
.main-section01 .inbox .contents .box7 div[class^="row1-"] img {margin-top:49px;}
.main-section01 .inbox .contents .box7 div[class^="row1-"] h3 {margin-top:14px;font-size:21px;color:#fff;}
.main-section01 .inbox .contents .box7 div.row1-1 { background:#282e41;}
.main-section01 .inbox .contents .box7 div.row1-2 { background:#2f487f;}
.main-section01 .inbox .contents .box7 div.row2 {text-align:center;position:relative;overflow:hidden;}
.main-section01 .inbox .contents .box7 div.row2 h3 {padding-top:40px;padding-bottom:12px;font-size:25px;color:#fff;}
.main-section01 .inbox .contents .box7 div.row2 p {font-size:18px;line-height:26px;color:#fff;}
.main-section01 .inbox .contents .box7 div.row2 .bg-img {background:url('../images/main/main-article7-div2-bg.png') no-repeat 0 0;position:absolute;left:0;top:0;z-index:1;transition:all .4s ease;}
.main-section01 .inbox .contents .box7 div.row2:hover .bg-img {transform:scale(1.1);}
.main-section01 .inbox .contents .box7 div.row2 * {position:relative;z-index:10;}

.main-section01 .inbox .contents .box8 {float:left;width:400px;height:350px;background:#fff;font-weight:400;}
.main-section01 .inbox .contents .box8 h3 {font-size:25px;color:#000;text-align:center;margin-top:36px}
.main-section01 .inbox .contents .box8 form {width:308px;margin:20px auto 0;}
.main-section01 .inbox .contents .box8 .input-box {width:100%;margin-bottom:6px;position:relative;}
.main-section01 .inbox .contents .box8 .input-box input {width:100%;height:40px;padding:0 12px;border:1px solid #ddd;box-sizing:border-box;background:#fff;}
/*.main-section01 .inbox .contents .box8 .input-box input:focus + label {display:none;}*/
.main-section01 .inbox .contents .box8 .input-box label {position:absolute;left:12px;top:5px;font-size:16px;color:#888;}
.main-section01 .inbox .contents .box8 .input-box select {width:100%;height:40px;padding-left:10px; border:1px solid #ddd;box-sizing:border-box;background:#fff;font-size:16px;color:#888;}
.main-section01 .inbox .contents .box8 .check-box {margin-bottom:16px;margin-top:6px;}
.main-section01 .inbox .contents .box8 .check-box label {color:#333;font-size:14px;line-height:20px;}
.main-section01 .inbox .contents .box8 .check-box a {display:block;float:right;font-size:13px;width:86px;height:20px;line-height:20px;margin-top:2px;border:1px solid #d8d8d8;color:#9f9f9f;text-align:center;}
.main-section01 .inbox .contents .box8 .check-box a:hover {background:#6583c3;border-color:#6583c3;color:#fff;}
.main-section01 .inbox .contents .box8 button {width:100%;height:48px;color:#fff;font-size:18px;font-family:inherit;background:#6583c3;}


