.content_inner{width:1280px; margin:0 auto;} .content_inner_l{max-width:1560px; margin:0 auto;} .content_inner:after{content:' '; display: block; clear:both;} .content_inner_l:after{content:' '; display: block; clear:both;} .mobile{display:none;} .ctt_privacy,.ctt_patient,.ctt_provision{padding-top:150px !important;} .recommend_file{position: absolute; top:11px; left:50%; margin-left:-350px; padding:6px 8px; background:#ffe3e3; font-size:13px; letter-spacing:0; border-radius:5px;} /* header */ #wrap{position: relative; overflow: hidden;} #warp #sub_container #bo_list,#warp #sub_container #bo_v,#warp #sub_container #bo_w,#warp #sub_container #bo_gall{max-width:1280px; margin:80px auto 100px; box-sizing:border-box;} #mb_login,#mb_confirm,.register{padding :150px 0;} #header{position:absolute; top:0; width:100%; min-width:1200px; height:90px; overflow: hidden; z-index: 100; transition:1s; background:#fff;} #header:hover{height:350px; background: #fff;box-shadow:0 0 30px rgba(0,0,0,0.2);} #header:hover .gnb ul li.depth01 ul.depth02{position: relative;height:100%; } #header.scroll_on{position:fixed; top: 0; width:100%; left:0; margin-left:0; height:66px; border-radius:0; box-shadow:0 0 30px rgba(0,0,0,0.1); background:#fff;} #header.scroll_on:hover{height:340px;} #header.scroll_on .gnb{top:9px;} #header.scroll_on .gnb ul>li.depth01>a{padding:1em 0 1.26em;} #header.scroll_on .gnb_all{top:11px;} #header.scroll_on h1.logo{top:17px;} #header.scroll_on h1.logo img{width:190px; margin-left:20px;} #header.scroll_on .login_wrap{top:13px; right:85px;} #header.scroll_on .login_wrap li{margin-left:8px;} /* #header.scroll_on .login_wrap .login_hide{opacity:0; visibility: hidden; transform:translate(50px,0)} */ #header.scroll_on .gnb ul li.depth01>a span{font-size:0.9em;} #header.scroll_on .header_link{top:8px;} #header.scroll_on .header_link .sns li a img{width:28px;} #header.scroll_on .header_link .sns li{border:none} #header.scroll_on .header_link .sns li a{padding:10px 4px; border:1px solid #fff; border-radius:100%; box-shadow:none} #header.scroll_on .header_lang{top:15px; right:10px;} #header.scroll_on .youtube_link{top:90px;} /* 로고 */ #header h1.logo{position: absolute; left:50%; margin-left:-139px; top:27px; z-index:100; transition:1s;} #header h1.logo img{width:230px;transition:1s;} /* 로그인 */ #header .login_wrap{position:absolute; right:85px; top:26px; font-size:0.7em; transition:0.5s;} #header .login_wrap ul li{display: inline-block; margin-left:6px; vertical-align:middle; transition:0.5s;} #header .login_wrap ul li:first-child{font-weight:bold;} #header .login_wrap ul li a{color: #333333; } #header .login_wrap ul li:hover a{color: #4920a7;} #header .login_wrap ul li.rev_btn{position: relative; z-index:10;} #header .login_wrap ul li.rev_btn a{display: inline-block; padding:12px 18px;color: #fff; vertical-align:middle; letter-spacing:0px; border-radius:5px; font-weight:300; border:2px solid transparent; } #header .login_wrap ul li.rev_btn a:hover{background:#fff; color:#4420a9; border:2px solid #4420a9} #header .login_wrap .login_hide{transition:1s;} #header .login_wrap .login_hide.mini_login{display: none;} /* GNB */ #header .gnb{position: absolute; right:50%;margin-right:-580px; top:15px; min-width:1200px; text-align:center;z-index: 10; transition:0.8s;} #header .gnb ul li.depth01{position: relative;float:left; width:9.5%; transition:0.5s} #header .gnb ul li.depth01:nth-child(1){width:12%;} #header .gnb ul li.depth01:nth-child(2){width:12%;} #header .gnb ul li.depth01:nth-child(3){width:12%;} #header .gnb ul li.depth01:nth-child(4){margin-left:310px;} #header .gnb ul li.depth01>a{display: block; padding:1.5em 0;color: #333; overflow: hidden; } #header .gnb ul li.depth01>a span{transition:0.4s;font-size:1.05em; color: #333; font-weight:400;} #header .gnb ul li.depth01:hover a span{color: #4420a9; font-weight:500;} #header .gnb ul li.depth01 ul.depth02{position: relative;height:0;overflow: hidden; transition:0.5s} #header .gnb ul li.depth01 ul.depth02 li a{display:block; padding:0.8em 0; color: #888; font-weight:400; font-size: 0.9em; line-height:1.2;} #header .gnb ul li.depth01 ul.depth02 li:last-child a{padding-bottom:10px;} #header .gnb ul li.depth01 ul.depth02 li:hover a{color: #4420a9;} #header .youtube_link{position: absolute; left:50%;top: 105px; width: 12%;z-index:100; transition:0.5s; transform:translate(-59%,0)} #header .youtube_link a img{max-width:227px} /* 전체메뉴 */ #header .gnb_all{display: none; position:fixed; right:34px; top:21px; padding:14px; cursor: pointer; z-index:2010; transition:0.4s;} #header .gnb_inner{display:none;position:relative;width:1280px; margin:0 auto;opacity:0; z-index:2000; clear:both; overflow:hidden; text-align:center;} #header .gnb_inner>ul{text-align:center; font-size:0; letter-spacing:0;padding-bottom:30px;margin-bottom:30px;} #header .gnb_inner ul>li.depth01{display: inline-block;width:14.2857142%;padding-top:15vh; vertical-align:top; box-sizing:border-box;} #header .gnb_inner ul>li.depth01>a{display: inline-block;font-size:26px;margin-bottom:12px;transition:0.3s; color: #222;} #header .gnb_inner ul>li.depth01:hover>a{color: #111;} #header .gnb_inner ul>li.depth01 ul li{margin:12px 0;} #header .gnb_inner ul>li.depth01 ul li a{display:block; font-size:17px; color:#777; font-weight:300;} #header .gnb_inner ul>li.depth01 ul li:hover a{color:#111; } #header .gnb_on{display:block; opacity:0.9;} #header .all_icon{width:16px;height:16px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;transition:0.4s;} #header .all_icon span{display: block;position: absolute; height:2px; width:16px;background: #4420a9; border-radius:30px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} #header.scroll_on .all_icon span{background:#4420a9;} #header .all_icon span.icon_list1{top: 0px;} #header .all_icon span.icon_list2,.all_icon span.icon_list3{top:6px;} #header .all_icon span.icon_list4{top:12px;} #header .all_icon.open span{background:#fff ;} #header .all_icon.open span.icon_list1{top: 18px; width: 0%; left:50%;} #header .all_icon.open span.icon_list2{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #header .all_icon.open span.icon_list3{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #header .all_icon.open span.icon_list4{top: 18px; width: 0%; left: 50%;} #header .overlay{ height:0%; width:80%;display: none;position: fixed;z-index:2000;top:10%;left:50%; margin-left:-40%;;background:#fff; transition:0.4s ease-in-out;overflow:hidden; border:5px solid #ccc} #header .overlay-content {position: relative;top:0;width:100%;text-align: center;} #header .myNav_on{display:block;height:80%; } /* sns */ .header_link{position: fixed; left:16px; top:18px; transition:0.5s} .header_link .sns{float:left;} .header_link .sns li{float:left; margin-right:2px;} .header_link .sns li a{display: inline-block; overflow: hidden;box-sizing:border-box; transition:0.4s;padding:10px; border:1px solid #eee; background: #fff;border-radius:10px; box-shadow:8px 8px 10px rgba(0,0,0,0.1)} .header_link .sns li a img{width:26px;transition:0.4s } .header_lang{position: absolute;right:12px; top:29px; padding:6px;font-size:0.8em; font-size: 0; background:#f1f1f1; border-radius:100px; overflow: hidden; transition:0.5s} .header_lang a{display: inline-block; margin-right:2px;border:1px solid rgba(0,0,0,0.1); border-radius:100%; overflow:hidden; font-size:0; } .header_lang a img{width:22px;} /* 컨텐츠 */ #container{position: relative; min-width:1280px; overflow: hidden;} #sub_container{position: relative; top: 0; min-height:900px;} /* 풋터 */ #footer{padding-bottom:3em;position: relative; width:100%; text-align:center; background:#fff;} #footer .footer_link{padding:1.2em 0;border-top:1px solid #eee;border-bottom:1px solid #eee} #footer .footer_link ul li{display: inline-block; padding:0 1.5em; font-size:0.85em; color: #333; background:url(../image/common/line_link.jpg) no-repeat 0 50%;} #footer .footer_link ul li:first-child{background:none;} #footer .footer_inner{width:800px; margin:0 auto;padding:4em 0; font-size:0.95em; line-height:1.5; overflow: hidden;} #footer .footer_inner .footer_logo{float:left; margin-right:36px;padding-top:16px;} #footer .footer_inner .footer_logo img{width:273px;} #footer .footer_inner address{float:left; text-align: left;} #footer .footer_inner address ul{margin-left:-0.5em;} #footer .footer_inner address ul li{display: inline-block;margin:0 0.5em; color: #666; font-size:0.9em; font-weight:400; } #footer .footer_inner address ul li strong{display: inline-block; margin-right:3px;color: #333; font-weight: 500;} #footer .footer_inner cite{display:block; margin-top:1em; font-size:0.75em; opacity:0.7; letter-spacing:1px;} #footer .tnb_admin{position: absolute; right:50%; margin-right:-250px; bottom:47px;color: #8c8178; font-size:11px; z-index: 5; font-weight:100;} #footer .tnb_admin a{display: block; padding:5px 7px; border:1px solid #524b46; border-radius:4px; font-family:"돋움", sans-serif !important;} /* 개인정보처리방침 */ .privacy_wrap{width:900px; padding:200px 0 80px;margin:0 auto; line-height:1.6; } .privacy_wrap.provision{width:900px; padding:200px 0 80px;margin:0 auto; line-height:1.6;} .privacy_wrap.provision:first-child{padding-top:30px;} .privacy_wrap.provision .title{margin-bottom:6px;} .privacy_wrap .title{margin-bottom:30px;} .privacy_wrap .title h2{margin-bottom:6px; font-size:2em; color: #111;} .privacy_wrap .title h3{margin-bottom:4px; font-size:1.7em; color: #111;} .privacy_wrap .title p{font-size:1.05em; color: #444;letter-spacing: 0;} .privacy_wrap dl dt{margin-bottom:8px; padding:8px 12px;background:#f1f1f1; border-radius:8px; box-sizing:border-box;letter-spacing: 0;} .privacy_wrap dl dd{padding-left:12px;margin-bottom:28px; font-size:0.9em; color: #444; } .privacy_wrap dl dd span{display:block; padding-left:12px;margin-bottom:4px;} .privacy_wrap table{width:100%; font-size:1em; color: #555; text-align:center;} .privacy_wrap table tr{border-bottom:1px solid #eee;} .privacy_wrap table tr th{padding:10px 0;color: #fff; font-size:1.2em; letter-spacing:0; background: #333;} .privacy_wrap table tr td:first-child{background:#f7f7f7; width:40%; color: #222;} .privacy_wrap table tr td{padding:14px 20px; vertical-align:middle; letter-spacing:0;} #top_btn {position:fixed;bottom:20px;right:16px;width:50px;height:50px;line-height:46px;border:1px solid #fff;color:#b3b3b3;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,1); border-radius:100px; box-shadow:5px 5px 20px rgba(0,0,0,0.15);z-index:1000;} #quick_bar{position:fixed;bottom:76px;right:16px; z-index: 1000;} #quick_bar ul li{margin-bottom:4px;border-radius:100%; overflow: hidden; font-size: 0; box-shadow:5px 5px 15px rgba(0,0,0,0.2);} #quick_bar ul li img{width:50px;} #quick_bar .top_btn_kakao{} #sub_db{padding:90px 0; text-align:center; color:#fff; background:url(../image/sub/bg_subdb.jpg) no-repeat 50% 100% fixed;} #sub_db .title{margin-bottom:20px;} #sub_db .title h2{margin-bottom:14px; font-size:40px;} #sub_db .title p{opacity:0.8; font-weight:300;} #sub_db .content_inner{width:800px} #sub_db .input_list{font-size:0;} #sub_db .input_list li{display: inline-block; margin:1%; width:31%; vertical-align:middle;} #sub_db .input_list li input{width:100%;padding:8px 16px; height:60px; border:0; font-size:17px; box-sizing:border-box; border-radius:5px; border:1px solid rgba(255,255,255,0.45); background:rgba(255,255,255,0.1); color: #fff;} #sub_db .input_list li input:focus{border:1px solid #fff } #sub_db .input_list li input::placeholder{color: #ddd;} #sub_db .input_list li textarea{width:100%; height:60px; padding:16px; box-sizing:border-box; font-size:17px; resize:none;border-radius:5px; border:1px solid rgba(255,255,255,0.45); background:rgba(255,255,255,0.1); color: #fff;} #sub_db .input_list li textarea::placeholder{color: #ddd;} #sub_db .agree input[type="checkbox"]{width:20px; height:20px; vertical-align:middle;} #sub_db .agree label{vertical-align:middle;} #sub_db .agree a{text-decoration:underline; cursor: pointer;} #sub_db input[type="submit"]{margin-top:24px;padding:20px 0 ;width:400px; color: #fff; border:0; font-size:32px; font-weight:400; letter-spacing:-2px;border-radius:5px} #sub_db .rev_list{margin-top:24px;} #sub_db .rev_list li{display:inline-block; margin-right:4px; background:rgba(255,255,255,0.2); font-size:12px; border-radius:100%; overflow: hidden; text-align: center; font-weight: 300;} #sub_db .rev_list li:hover{ background:rgba(255,255,255,0.4);} #sub_db .rev_list li a{display:block; width:100px; height:100px; padding-top:24px; box-sizing:border-box} #sub_db .rev_list li span{display:block; margin-top:4px;} /* 레이어팝업 */ .layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;} .layer .close_btn{position:absolute; overflow: hidden; right:0; top:0; color: #fff;} .layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;} .layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);} .layer .layer_wrap .DB_info_detail{width:100%; margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;} .layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:bold;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;} /* 게시판 하단 sns */ .board_sns{text-align: center;padding:60px 0; background:#f1f1f1; font-size: 0;} .board_sns p{margin-bottom:24px; font-size:16px; color: #111;} .board_sns p strong{font-weight:600;} .board_sns ul li{display: inline-block; margin:0 10px; transition:0.3s} .board_sns ul li:hover{transform:translate(0,-10px)} .board_sns ul li a{font-size:14px; color: #333;} .board_sns ul li a span{display: block;margin-bottom:8px; width:115px; height:115px; line-height:145px; background: #fff; border-radius:100%; border:5px solid #eeeeee;} @media all and (max-width:1720px){ #header{height:85px;} #header h1.logo{margin-left:-135px; top:24px;} #header h1.logo img{width:190px;} #header.scroll_on h1.logo{margin-left:-154px;} #header .gnb{margin-right:-620px; top:13px; min-width:1180px;} #header .gnb ul li.depth01:nth-child(4){margin-left:240px;} #header .gnb ul li.depth01>a{padding:1.5em 0;} #header .gnb ul li.depth01>a span{font-size:1em; } #header .gnb ul li.depth01:nth-child(1){width:11%;} #header .gnb ul li.depth01:nth-child(2){width:11%;} #header .gnb ul li.depth01:nth-child(3){width:11%;} #header .youtube_link{top:85px; width: 12%; transform:translate(-64%,0)} } @media all and (max-width:1560px){ #header .gnb{margin-right:-480px; top:13px; min-width:960px;} #header .gnb ul li.depth01>a span{font-size:0.9em;} /* 로그인 */ #header .login_wrap{right:56px; top:26px; font-size:0.7em; transition:0.5s;} #header .login_wrap ul li{margin-left:8px; } #header .login_wrap ul li.rev_btn a{padding:12px 16px;} #header .login_wrap .login_hide{display: none;} #header .login_wrap .login_hide.mini_login{display:inline-block; font-size:30px;} #header .login_wrap .login_hide.mini_login i{color: #aaa;} /* sns */ .header_link{ left:12px; top:15px;} .header_lang{right:8px; top:26px; padding:6px;font-size:0.8em; } .header_lang a{display: inline-block; margin-right:2px;} .header_lang a img{width:22px;} } @media all and (max-width:1300px){ #header .youtube_link{ transform: translate(-75%, 0);} #header h1.logo{margin-left:-146px; top:27px;} #header.scroll_on h1.logo{margin-left:-170px;} #header h1.logo img{width:180px;} #header.scroll_on h1.logo img{width:170px; margin-left:38px;} #header .gnb{margin-right:-440px; min-width:900px;} #header .gnb ul li.depth01:nth-child(1){width:10%;} #header .gnb ul li.depth01:nth-child(2){width:10%;} #header .gnb ul li.depth01:nth-child(3){width:12%;} #header .gnb ul li.depth01:nth-child(4){width:9%;margin-left:225px;} #header .gnb ul li.depth01:last-child{width:12%;} #header .gnb ul li.depth01 ul.depth02 li a{ font-size: 0.85em} #header .login_wrap ul li.rev_btn a{padding:10px 14px;} #header.scroll_on .login_wrap{top:16px; right:56px;} .header_link{left:8px; top:21px;} .header_link .sns li a{display: inline-block; padding:8px; } .header_link .sns li a img{width:22px;} .content_inner{width:1100px; padding:0 3%; margin:0 auto;} .img img{width:100%} #bo_list,#warp #sub_container #bo_v,#warp #sub_container #bo_w,#warp #sub_container #bo_gall{padding:0 8%; margin:80px auto 100px ;} } .mbskin{max-width:720px; margin:200px auto 0;} @media all and (max-width:1150px){ #header .youtube_link{top:85px; width: 12%; transform:translate(-85%,0)} }