/* 공통요소 ########################################*/ .fc_pointer {color:#620000; } .content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto; padding:90px 0px 60px 0px;} .page_title{width:100%; margin-bottom:70px;} .page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.4em; font-weight:600;} .page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; } .page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; } .con_line {width:100%; margin-top:40px; border-top:1px solid #ddd; } .headline{display:block; font-size:2.2em; color:#000; font-weight:700; line-height:2.4em; } a.btnbig,.btnbig{ min-width: 240px; line-height:60px;height:60px;padding:0 30px;text-align:center;font-weight:bold;border:0; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;} .btn1 { display:inline-block; height:40px; line-height:38px; padding:0 20px; background:#2297d8; color:#fff; font-size:1em; margin-top:20px; text-decoration:none; transition:0.3s;} .btn1:hover {background:#000; color:#fff; border:0;} #sm_bt_gr { padding:3px 10px 3px 10px;border:1px solid #ddd;color:#fff;text-align:center;font-size:12px;background:#009900} #sm_bt_gr_hv { padding:3px 10px 3px 10px;border:1px solid #ddd;color:#fff;text-align:center;font-size:12px;background:#009900} #sm_bt_hv:hover{border-color:#ddd;background:#00CC00;color:#fff} #sm_bt_pink { padding:3px 10px 3px 10px;border:1px solid #ddd;color:#fff;text-align:center;font-size:12px;background:#FF66FF} #sm_bt_pink_hv { padding:3px 10px 3px 10px;border:1px solid #ddd;color:#fff;text-align:center;font-size:12px;background:#FF66FF} #sm_bt_pink_hv:hover{border-color:#ddd;background:#FFCCFF;color:#fff} .txtbox_blue{ display:block; padding:20px 25px; width:100%; border-top:1px solid #ddd; font-size:1.2em; color:#006666; line-height:1.5em; text-transform: uppercase; background:#f8f8f8;} /* //공통요소 ########################################*/ /* jiahn theme odering #################################################### about(company5종) / business(5종) / guide(1종) / history(2종) / partner(2종) / vision(5종) ######################################################################*/ /* company_type1 ########################################*/ #company_type1 {width:100%; margin:0 auto; } #company_type1:after{content:""; clear:both; display:block;} #company_type1 .ceo_img {position: relative; float:right; width:450px; text-align:right; padding-left:30px;} #company_type1 .ceo_img img {width:100%; height:auto; } #company_type1 .ceo_area{ float:left; width:50%;} #company_type1 .ceo_area .ceo_tit { position:relative; float:left; width:100%; font-size:2em; line-height:1.4em; letter-spacing:-0.05em; } #company_type1 .ceo_area .ceo_txt { float:right; width:100%; padding-top:50px; } #company_type1 .ceo_area .ceo_txt p {margin-top:20px; line-height:1.5em; color: #000; word-break: keep-all; } #company_type1 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.1em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;} .s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #FF3300; margin:50px auto; margin-bottom:10px; padding-left: 20px; font-size:1.5em; text-indent:10;} .tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;} .tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1em;} .tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;} .pdf_load { height:1100px } @media screen and (max-width:992px){ .content_wrap{width:96%;} .page_title{margin-bottom:50px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} .s_tit{font-size:1.2em;} #company_type1 .ceo_img {width:100%; text-align:center; margin-bottom:30px; padding-left:0; } #company_type1 .ceo_img img{width:100%;} #company_type1 .ceo_area{ float:none; width:95%; margin:0 auto; } #company_type1 .ceo_area .ceo_tit { font-size:1.8em; text-align:center;} #company_type1 .ceo_area .ceo_txt{padding-top:10px;} .tbla tr th{width:30%; font-size:0.9em;} .tbla tr td{width:70%; font-size:0.9em;} } /* //company_type1 ########################################*/ /* company_type4 ########################################*/ #company_type4 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; } #company_type4:after{content:""; clear:both; display:block;} #company_type4 .ceo_img {width:100%; max-height:530px; min-height:180px; position:relative; background: url('/sub/image/img_1200.jpg')no-repeat center top; background-size:cover; } #company_type4 .ceo_img em {position:absolute; top:10%; padding-left:4%; padding-right: 50px; font-size:2em; color:#FFFF99; line-height:2.4em; word-break:keep-all; font-style:normal;background:rgba(0,0,0,.6)} #company_type4 .ceo_img p {position:absolute; top:25%; padding-left:4%; padding-top: 10px; padding-bottom:10px; padding-right: 30px; font-size:1.4em; color:#fff; line-height:1.4em; word-break:keep-all; letter-spacing:0.05em; text-shadow:0 2px 0px #000; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;background:rgba(0,0,0,.6)} #company_type4 .ceo_img img {width:100%; height:auto;} #company_type4 .ceo_message {width:100%; padding-top:20px; margin:0 auto; } #company_type4 .ceo_message .topheadline{display:block; font-size:2.2em; color:#000; font-weight:700; line-height:2.4em; } #company_type4 .ceo_message .topheadline2{ display:block; font-size:1.8em; color:#000; font-weight:700; line-height:1.2em; } #company_type4 .ceo_message:after{content:""; clear:both; display:block;} #company_type4 .ceo_message .full{float:left; width:100%; font-size:1.2em; line-height:1.5em; text-align:justify; } #company_type4 .ceo_message .left{float:left; width:48%; font-size:1.2em; line-height:1.5em; text-align:justify; } #company_type4 .ceo_message .right{float:right; width:48%; font-size:1.2em; line-height:1.5em; text-align:justify;} #company_type4 .sign {text-align:right; font-size:1em; color:#000; margin-top:50px; } #company_type4 .sign .ceo_sign { font-size:1.5em; font-weight:700; letter-spacing:0.3em; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;} #company_type4 .sign .ceo_sign_box { padding:10px 20px 10px 20px;border:1px solid #000;color:#000;text-align:center;background:#efefef; font-size:1.3em; font-weight:700; letter-spacing:0.1em; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;} #company_type4 .sign .ceo_sign_box:hover { padding:10px 20px 10px 20px;border:1px solid #000;color:#000;text-align:center;background:#FFFFFF; font-size:1.3em; font-weight:700; letter-spacing:0.1em; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;} .s_tit {height:30px; line-height:30px; text-align:center; margin:50px auto; margin-bottom:30px; font-size:1.6em; letter-spacing:0.3em; } .s_tit .slash{color:#aaa; font-size:0.5em;} #company_type4_tbl {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; border:1px solid #ddd; padding:50px 0; padding-bottom:30px;} #company_type4_tbl li {float:left; display:inline-block; padding:0; width:24.5%; height:200px; text-align:center; border-right:1px solid #f7f7f7;} #company_type4_tbl li:nth-child(4) {border-right:0; } #company_type4_tbl li .icon {display:block; width:100px; height:100px; margin:0 auto; overflow:hidden; background-color:#f7f7f7; border-top-left-radius:20px; border:1px solid #ddd;} #company_type4_tbl li .icon i {display:inline-block; font-size:3em; line-height:100px; } #company_type4_tbl li p {display:block; font-size:1.6em; color:#0078D7; margin-top:10px;} #company_type4_tbl li span { display:block; font-size:1.1em; color:#555; margin-top:10px; line-height:1.5em;} @media screen and (max-width: 992px){ .content_wrap{width:100%;} .page_title{margin-bottom:40px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} #company_type4 .ceo_img { height:auto; min} #company_type4 .ceo_img em {position:absolute; top:10%; font-size:1.5em; line-height:1.8em; } #company_type4 .ceo_img p { position:absolute; top:15%; font-size:1em; line-height:1.4em; margin-top:30px; } #company_type4 .ceo_message {width:95%; word-break: keep-all;} #company_type4 .ceo_message .topheadline{font-size:1.4em; line-height:2em; } #company_type4 .ceo_message .left{width:100%; text-align:left; } #company_type4 .ceo_message .right{width:100%; text-align:left; margin-top:50px; } #company_type4 .sign{margin-right:20px;} #company_type4_tbl{width:95%;} #company_type4_tbl li{width:49%;} #company_type4_tbl li:nth-child(2n){border-right:0; padding-bottom:15px;} #company_type4_tbl li:nth-child(3), #company_type4_tbl li:nth-child(4){border-top:1px solid #f7f7f7; padding-top:30px;} #company_type4_tbl li p{font-size:1.4em;} #company_type4_tbl li span{font-size:1em;} } @media screen and (max-width: 768px){ .pdf_load { height:600px } .content_wrap{width:100%;} .page_title{margin-bottom:40px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} #company_type4 .ceo_img { height:auto; min} #company_type4 .ceo_img em {position:absolute; top:10%; font-size:1.5em; line-height:1.8em;} #company_type4 .ceo_img p { position:absolute; top:15%; font-size:1em; line-height:1.4em; margin-top:30px; } #company_type4 .ceo_message {width:95%; word-break: keep-all;} #company_type4 .ceo_message .topheadline{font-size:1.5em; line-height:2em; } #company_type4 .ceo_message .left{width:100%; text-align:left; } #company_type4 .ceo_message .right{width:100%; text-align:left; margin-top:50px; } #company_type4 .sign{margin-right:20px;} #company_type4_tbl{width:95%;} #company_type4_tbl li{width:49%;} #company_type4_tbl li:nth-child(2n){border-right:0; padding-bottom:15px;} #company_type4_tbl li:nth-child(3), #company_type4_tbl li:nth-child(4){border-top:1px solid #f7f7f7; padding-top:30px;} #company_type4_tbl li p{font-size:1.4em;} #company_type4_tbl li span{font-size:1em;} } /* //company_type4 ########################################*/ /* company_type5 ########################################*/ #company_type5 { width:100%; min-width:320px; } #company_type5:after{content:""; clear:both; display:block;} #company_type5 .ceo_img {position:relative; width:100%; height:500px; min-height:250px; margin:0 auto; background: url('/sub/image/img_2000.jpg') no-repeat center top; background-size:cover; } #company_type5 .ceo_area{position:relative; clear:both; width:100%; max-width:1200px; margin:0 auto; } #company_type5 .ceo_area .ceo_txt {padding-top:20px; text-align: left; z-index:0;} #company_type5 .ceo_area .ceo_txt h4 {font-size:2em; line-height:1.5em; color: #000; } #company_type5 .ceo_area .ceo_txt p {margin-top:20px; font-size:1.1em; line-height:1.5em; color: #333; word-break: keep-all;} #company_type5 .ceo_area .ceo_txt span.ceo_sign{ display:block; float:right; font-size:1.5em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;} #company_type5 .ceo_area .ceo_txt span.ceo_sign span{font-family:'Noto Sans KR', sans-serif; font-size:0.8em;} .s_tit {width:100%; max-width:1200px; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto; margin-bottom:10px; font-size:1.5em; text-indent:10;} #company_type5_tbl{width:100%; max-width:1200px; padding-top: 5px; margin:0 auto; overflow:hidden; background:rgba(29,102,185,.9);} #company_type5_tbl .slogan{float:left; width:40%; text-align:left; color:#fff; overflow:hidden; z-index:1;} #company_type5_tbl .slogan div{margin:30px; height:} #company_type5_tbl .slogan div .b_title { font-size:2em; color:#fff; line-height:1.4em; letter-spacing:-0.05em; } #company_type5_tbl .slogan div .s_title { position:relative; top:0; font-size:1.3em; color:#fff; line-height:1.4em; font-weight: 300; padding-top:20px; margin-top:20px;} #company_type5_tbl .slogan div .s_title:after { content:""; display:block; position:absolute; top:0; left:0; width:30px; height:1px; background:#fff; } #company_type5_tbl .tbl_t{float:left; width:60%; background-color:#fff;} .tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;} .tbla tr th{width:30%; height:45px; padding:20px 0; text-align:center; border-bottom:1px solid #666; font-size:1.2em;} .tbla tr td{width:70%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left; font-size:1.2em; min-width:60px; } @media screen and (max-width: 768px){ .content_wrap{width:100%;} .page_title{margin-bottom:40px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} #company_type5 .ceo_area{width:95%; margin:0 auto;} #company_type5 .ceo_area .ceo_txt h4 {font-size:1.2em; word-break: keep-all;} .s_tit{width:95%;} #company_type5_tbl {width:95%; height:auto;} #company_type5_tbl .slogan{width:100%; bottom:0; padding:20px 20px; } #company_type5_tbl .slogan div .b_title { font-size:1.4em; } #company_type5_tbl .tbl_t{width:100%;} .tbla tr th{width:30%; font-size:0.9em; padding:15px 0;} .tbla tr td{width:70%; font-size:0.9em; } } /* //company_type5 ########################################*/ /* business_type2 ########################################*/ #business_type2{ width:100%; max-width:1200px; margin:0 auto;} #business_type2:after{content:""; display:block; clear:both;} #business_type2 .business_info { width:100%; background:#fff; margin-bottom:30px; } #business_type2 .business_info:after{content:""; display:block; clear:both;} #business_type2 .business_info ul{ padding:0; margin:0;} #business_type2 .business_info ul li{ padding:0; margin:0;} #business_type2 .business_info ul li.left_box { float:left; width:500px; height:500px; overflow:hidden; } #business_type2 .business_info ul li.left_box img{ width:100%; height:100%; } #business_type2 .business_info ul li.right_box{position:relative; float:right; width:50%; height:500px;} #business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:1em; color:#006666; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;} #business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; } #business_type2 .business_info ul li.right_box .txt04{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:1em; color:#006666; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;} #business_type2 .business_info ul li.right_box .txt04 span {display:block; padding:20px 25px; height:150px; } #business_type2 .txt_area { width:100%; padding-top:40px; border-top:2px solid #000; } #business_type2 .txt_area:after{content:""; display:block; clear:both;} #business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; } #business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;} #business_type2 .txt_area .txt01 span.tit { display:block; font-size:2.2em; color:#000; font-weight:700; line-height:1.2em; } #business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.2em; color:#333; font-weight:400; line-height:1.4em; } #business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;} #business_type2 .txt_area .txt02 ul {margin:0; padding:0; } #business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-weight:400; font-size:1.2em; line-height:1.5em; list-style:none; padding-left:3%; margin-bottom:5px;} #business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;} #business_type2 .con_arrow{ width:100%; max-width:1200px; padding-bottom:20px; margin:0 auto;} #business_type2 .con_arrow p{position:relative; font-size:2em; color:#000; padding-left:30px; } #business_type2 .con_arrow span{ position:absolute; right:0; display:inline-block; font-size: 1em; padding-left: 10px; color: #555;} #business_type2 .con_arrow > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} #business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;} #business_type2 .con_box:after{content:""; display:block; clear:both;} #business_type2 .con_box ul { padding:0; margin:0; } #business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; } #business_type2 .con_box ul li p{display:table; width:100%; } #business_type2 .con_box ul li p > em, #business_type2 .con_box p > span{display:table-cell; vertical-align:top; } #business_type2 .con_box ul li p > em{ width:30px; } #business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px; line-height:30px; color:#fff; background-color:#000; text-align:center; font-size:1em; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;} #business_type2 .con_box ul li p > span{font-size:1em; line-height:30px; color:#555; letter-spacing:-0.75px; padding:0 15px;} @media screen and (max-width:992px){ .content_wrap{width:100%;} .page_title{margin-bottom:50px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} .s_tit{font-size:1.2em;} #business_type2 .business_info{margin-bottom:0px;} #business_type2 .business_info ul li.left_box { width:100%; height:500px; text-align:center;} #business_type2 .business_info ul li.left_box img{ width:500px; height:500px; } #business_type2 .business_info ul li.right_box{ width:100%; } #business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;} #business_type2 .business_info ul li.right_box .txt03 span {height:auto;} #business_type2 .business_info ul li.right_box .txt04 {position:relative !important; margin-top:10px;} #business_type2 .business_info ul li.right_box .txt04 span {height:auto;} #business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;} #business_type2 .txt_area .txt01 span.tit {font-size:1.85em;} #business_type2 .con_arrow{width:95%; margin:0 auto;} #business_type2 .con_box{width:95%; margin:0 auto;} } @media screen and (max-width: 768px){ #business_type2 .con_arrow p{ font-size:1.5em; } #business_type2 .con_box ul li { width:100%; } #business_type2 .business_info ul li.left_box { width:100%; height:500px; text-align:center;} #business_type2 .business_info ul li.left_box img{ width:500px; height:500px; } } @media screen and (max-width:480px){ #business_type2 .con_arrow p{ font-size:1.5em; } #business_type2 .con_box ul li { width:100%; } #business_type2 .business_info ul li.left_box { width:100%; height:360px; text-align:center;} #business_type2 .business_info ul li.left_box img{ width:360px; height:360px; } } /* //business_type2 ########################################*/ /* business_type5 ########################################*/ #business_type5 h1{font-size:2.4em; font-weight:700; color:#111; text-align:center; margin:0 auto; margin-bottom:0px; } #business_type5 h2{font-weight:700; font-size:2em; color:#0078D7; text-align:center; margin-bottom:25px;} #business_type5 h2:after{display:block; position:relative; bottom:0; left:50%; margin-left:-2px; content:""; width:2px; height:30px; background-color:#195883; margin-top:20px;} #business_type5 h3{font-size:1.1em; color:#666; text-align:center; margin-bottom:50px;} #business_type5 h3 br.sn{display:none;} #business_type5 ul{width:100%;} #business_type5 ul > li{width:100%; border-bottom:1px solid #d1d1d1; overflow:hidden;} #business_type5 ul > li:first-child{border-top:1px solid #d1d1d1;} #business_type5 ul > li:nth-child(odd){background-color:#f4f4f4;} #business_type5 ul li dl{display:table;} #business_type5 ul li dl dt, #business_type5 ul li dl dd{display:table-cell; vertical-align:middle;} #business_type5 ul li dl dt{width:40%; padding:50px 30px;} #business_type5 ul li dl dt img{max-width:100%; margin:0 auto;} #business_type5 ul li dl dd{width:60%; padding:50px 30px;} #business_type5 ul li dl dd > strong{display:block; font-size:2em; line-height:80px; color:#111; font-weight:500;} #business_type5 ul li dl dd > p{font-size:1.2em; line-height:40px; color:#111; letter-spacing:-0.75px; font-weight:300; word-break:keep-all; padding-left:15px; position:relative;} /*#business_type5 ul li dl dd > p:before{display:inline-block; position:absolute; left:0; top:17px; content:""; width:6px; height:6px; background-color:#0263ac; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}*/ @media screen and (max-width:992px){ .content_wrap{width:100%;} .page_title{margin-bottom:50px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} .s_tit{font-size:1.2em;} } @media all and (max-width:768px){ #business_type5 h1{font-size:1.8em; } #business_type5 h2{font-size:1.4em; } #business_type5 h3{font-size:0.9em; padding:0 5px;} #business_type5 ul li dl, #business_type5 ul li dl dt, #business_type5 ul li dl dd{display:block; width:100%;} #business_type5 ul li dl dt{padding:5%;} #business_type5 ul li dl dt img{width:91%;} #business_type5 ul li dl dd > strong{line-height:30px; font-size:1.3em;} #business_type5 ul li dl dd{width:90%; padding:5%; padding-top:0;} #business_type5 ul li dl dd > p{line-height:24px; font-size:0.95em;} #business_type5 ul li dl dd > p:before{top:10px;} } @media all and (max-width:480px){ #business_type5 h3 br.sn{display:inline;} } /* //business_type5 ########################################*/ /* guide_type1 ########################################*/ #guide_type1 {width:100%; max-width:1200px; margin:0 auto; } #guide_type1:after {clear:both; content:''; display:block;} #guide_type1 .guide_box1 .con_wrap {width:100%; background:; padding:50px 0; border:1px solid #ddd; box-sizing:border-box; } #guide_type1 .guide_box1 .con_wrap:after {clear:both; content:''; display:block;} #guide_type1 .guide_box1 .con_wrap ul { padding:0; margin:0;} #guide_type1 .guide_box1 .con_wrap ul li {float:left; width:33.33333%; text-align:center; padding:0; text-transform:uppercase; border-left:1px solid #eee; box-sizing:border-box;} #guide_type1 .guide_box1 .con_wrap ul li:first-child{border-left:none;} #guide_type1 .guide_box1 .con_wrap ul li .con_txt {min-height:220px; padding:0 20px; } #guide_type1 .guide_box1 .con_wrap ul li .icon {display:block; width:100px; margin:0 auto; overflow:hidden;} #guide_type1 .guide_box1 .con_wrap ul li .icon i {display:inline-block; font-size:3em; color:#00CAA7;} #guide_type1 .guide_box1 .con_wrap ul li h3.title {position:relative; font-size:1.4em; padding-bottom:10px; margin:15px 0; color:#000;} #guide_type1 .guide_box1 .con_wrap ul li h3.title:before {content:""; position:absolute; left:50%; bottom:0; margin-left:-20px; display:block; width:40px; height:1px; background:#bbb; } #guide_type1 .guide_box1 .con_wrap ul li strong {font-size:1.8em; color:#dc3232; line-height:1.5em;} #guide_type1 .guide_box1 .con_wrap ul li p {font-size:1em; color:#555; line-height:1.5em;} #guide_type1 .guide_box1 .con_wrap ul li .btn1 { display:inline-block; height:40px; line-height:38px; padding:0 20px; background:#00CAA7; color:#fff; font-size:1em; margin-top:20px; text-decoration:none; transition:0.3s;} #guide_type1 .guide_box1 .con_wrap ul li .btn1:hover {background:#000; color:#fff; border:0;} #guide_type1 .guide_box2 { width:100%; max-width:1200px; margin:50px auto; border-top:1px solid #000;} #guide_type1 .guide_box2:after {clear:both; content:''; display:block;} #guide_type1 .guide_box2 .con_wrap { width:100%; padding:50px 0; border-bottom:1px solid #eee;} #guide_type1 .guide_box2 .con_wrap:after {clear:both; content:''; display:block;} #guide_type1 .guide_box2 .con_wrap .con_area {padding:0 20px;} #guide_type1 .guide_box2 .con_wrap .left {width:30%; float:left; padding:0; } #guide_type1 .guide_box2 .con_wrap .left .con_title {font-size:1.3em; font-weight:700; color:#0E8689;} #guide_type1 .guide_box2 .con_wrap .left .con_title em {display:block; font-size:13px; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:0.05em; color:#c0c0c0; } #guide_type1 .guide_box2 .con_wrap .right {width:70%; float:left; padding:0; font-size:1.2em; } #guide_type1 .guide_box2 .con_wrap .right ul li {position:relative; margin-bottom:20px; padding-left:30px; line-height:1.5em; word-break:keep-all;} #guide_type1 .guide_box2 .con_wrap .right ul li:last-child {margin-bottom:0} #guide_type1 .guide_box2 .con_wrap .right ul li .txt_depth {font-size:1.2em; color:#aaa; text-transform:uppercase; padding-top:5px; } #guide_type1 .guide_box2 .con_wrap .right ul li .numb { position:absolute; left:0; font-weight:700; } #guide_type1 .guide_box2 .con_wrap table {width:100%; margin-top:20px; border-collapse:collapse;} #guide_type1 .guide_box2 .con_wrap table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap table tr:last-child {border-bottom:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap table tr th {font-size:1.2em; background:#f9f9f9; padding:10px 0;} #guide_type1 .guide_box2 .con_wrap table tr th:first-child {border-right:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap table tr td {font-size:1em; text-align:center; vertical-align:middle; padding:10px; } #guide_type1 .guide_box2 .con_wrap table tr td:first-child {border-right:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap table tr td:last-child {text-align:left; border-left:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap .imp {font-size:0.95em; word-break:keep-all; color:#0E8689; margin-top:20px; background:#EEFFFA; padding:5px 25px; font-weight:500;} /*별도con_wrap1 */ #guide_type1 .guide_box2 .con_wrap1 { width:100%; padding:50px 0; border-bottom:1px solid #eee;} #guide_type1 .guide_box2 .con_wrap1:after {clear:both; content:''; display:block;} #guide_type1 .guide_box2 .con_wrap1 .con_area {padding:0 10px;} #guide_type1 .guide_box2 .con_wrap1 table {width:100%; margin-top:20px; border-collapse:collapse;} #guide_type1 .guide_box2 .con_wrap1 table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap1 table tr:last-child {border-bottom:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap1 table tr th {font-size:1.2em; background:#f9f9f9; padding:10px 0;} #guide_type1 .guide_box2 .con_wrap1 table tr th:first-child {border-right:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap1 table tr td {font-size:1em; text-align:center; vertical-align:middle; padding:10px; } #guide_type1 .guide_box2 .con_wrap1 table tr td:first-child {border-right:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap1 table tr td:nth-child(2) {border-right:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap1 table tr td:nth-child(3) {border-right:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap1 table tr td:last-child {text-align:center; border-left:1px solid #e1e1e1} #guide_type1 .guide_box2 .con_wrap1 .imp {font-size:0.95em; word-break:keep-all; color:#0E8689; margin-top:20px; background:#EEFFFA; padding:5px 25px; font-weight:500;} #guide_type2 .guide_box2 { width:100%; max-width:1200px; margin:0px auto;} #guide_type2 .guide_box2:after {clear:both; content:''; display:block;} #guide_type2 .guide_box2 .con_wrap { width:100%; padding:30px 0;} #guide_type2 .guide_box2 .con_wrap:after {clear:both; content:''; display:block;} #guide_type2 .guide_box2 .con_wrap .con_area {padding:0 20px;} #guide_type2 .guide_box2 .con_wrap .left {width:30%; float:left; padding:0; } #guide_type2 .guide_box2 .con_wrap .left .con_title {font-size:1.3em; font-weight:700; color:#0E8689;} #guide_type2 .guide_box2 .con_wrap .left .con_title em {display:block; font-size:13px; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:0.05em; color:#c0c0c0; } #guide_type2 .guide_box2 .con_wrap .right {width:70%; float:left; padding:0; font-size:1.2em; } #guide_type2 .guide_box2 .con_wrap .right ul li {position:relative; margin-bottom:20px; padding-left:30px; line-height:1.5em; word-break:keep-all;} #guide_type2 .guide_box2 .con_wrap .right ul li:last-child {margin-bottom:0} #guide_type2 .guide_box2 .con_wrap .right ul li .txt_depth {font-size:1.2em; color:#aaa; text-transform:uppercase; padding-top:5px; } #guide_type2 .guide_box2 .con_wrap .right ul li .numb { position:absolute; left:0; font-weight:700; } #guide_type2 .guide_box2 .con_wrap table {width:100%; margin-top:20px; border-collapse:collapse;} #guide_type2 .guide_box2 .con_wrap table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap table tr:last-child {border-bottom:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap table tr th {font-size:1.2em; background:#f9f9f9; padding:10px 0;} #guide_type2 .guide_box2 .con_wrap table tr th:first-child {border-right:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap table tr td {font-size:1em; text-align:center; vertical-align:middle; padding:10px; } #guide_type2 .guide_box2 .con_wrap table tr td:first-child {border-right:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap table tr td:last-child {text-align:left; border-left:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap .imp {font-size:0.95em; word-break:keep-all; color:#0E8689; margin-top:20px; background:#EEFFFA; padding:5px 25px; font-weight:500;} #guide_type2 .guide_box2 .tline {border-top:1px solid #e1e1e1} /*별도con_wrap1 */ #guide_type2 .guide_box2 .con_wrap1 { width:100%; padding:50px 0; border-bottom:1px solid #eee;} #guide_type2 .guide_box2 .con_wrap1:after {clear:both; content:''; display:block;} #guide_type2 .guide_box2 .con_wrap1 .con_area {padding:0 10px;} #guide_type2 .guide_box2 .con_wrap1 table {width:100%; margin-top:20px; border-collapse:collapse;} #guide_type2 .guide_box2 .con_wrap1 table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap1 table tr:last-child {border-bottom:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap1 table tr th {font-size:1.2em; background:#f9f9f9; padding:10px 0;} #guide_type2 .guide_box2 .con_wrap1 table tr th:first-child {border-right:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap1 table tr td {font-size:1em; text-align:center; vertical-align:middle; padding:10px; } #guide_type2 .guide_box2 .con_wrap1 table tr td:first-child {border-right:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap1 table tr td:nth-child(2) {border-right:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap1 table tr td:nth-child(3) {border-right:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap1 table tr td:last-child {text-align:center; border-left:1px solid #e1e1e1} #guide_type2 .guide_box2 .con_wrap1 .imp {font-size:0.95em; word-break:keep-all; color:#0E8689; margin-top:20px; background:#EEFFFA; padding:5px 25px; font-weight:500;} /*신청폼*/ #guide_type1 .guide_box3 { width:100%; max-width:1200px; margin:50px auto; border-top:1px solid #000;} #guide_type1 .guide_box3:after {clear:both; content:''; display:block;} #guide_type1 .guide_box3 .con_wrap { width:100%; padding:10px 0; border-bottom:1px solid #eee;} #guide_type1 .guide_box3 .con_wrap:after {clear:both; content:''; display:block;} #guide_type1 .guide_box3 .con_wrap .con_area {padding:0 20px;} #guide_type1 .guide_box3 .con_wrap .left {width:15%; float:left; padding:0; } #guide_type1 .guide_box3 .con_wrap .left .con_title {font-size:1.2em; font-weight:700; color:#000;} #guide_type1 .guide_box3 .con_wrap .left .con_title em {display:block; font-size:13px; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:0.05em; color:#c0c0c0; } #guide_type1 .guide_box3 .con_wrap .right {width:85%; float:left; padding:0; font-size:1.2em; } #guide_type1 .guide_box3 .con_wrap .right ul li {position:relative; margin-bottom:20px; padding-left:30px; line-height:1.5em; word-break:keep-all;} #guide_type1 .guide_box3 .con_wrap .right ul li:last-child {margin-bottom:0} #guide_type1 .guide_box3 .con_wrap .right ul li .txt_depth {font-size:1.2em; color:#aaa; text-transform:uppercase; padding-top:5px; } #guide_type1 .guide_box3 .con_wrap .right ul li .numb { position:absolute; left:0; font-weight:700; } #guide_type1 .guide_box3 .con_wrap table {width:100%; margin-top:20px; border-collapse:collapse;} #guide_type1 .guide_box3 .con_wrap table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1} #guide_type1 .guide_box3 .con_wrap table tr:last-child {border-bottom:1px solid #e1e1e1} #guide_type1 .guide_box3 .con_wrap table tr th {font-size:1.2em; background:#f9f9f9; padding:10px 0;} #guide_type1 .guide_box3 .con_wrap table tr th:first-child {border-right:1px solid #e1e1e1} #guide_type1 .guide_box3 .con_wrap table tr td {font-size:1em; text-align:center; vertical-align:top; padding:10px 0} #guide_type1 .guide_box3 .con_wrap table tr td:first-child {border-right:1px solid #e1e1e1} #guide_type1 .guide_box3 .con_wrap table tr td:last-child {border-left:1px solid #e1e1e1} #guide_type1 .guide_box3 .con_wrap .imp {font-size:0.95em; word-break:keep-all; color:#3375C0; margin-top:20px; background:#f1f7fb; padding:5px 25px; font-weight:500;} @media screen and (max-width:992px ){ } @media screen and (max-width: 768px){ .content_wrap{width:100%;} .page_title{margin-bottom:40px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} #guide_type1 .guide_box2 .con_wrap .left .con_title {font-size:1.4em; font-weight:700; color:#000;} #guide_type1 .guide_box1 .con_wrap {padding:0; } #guide_type1 .guide_box1 .con_wrap ul li {width:100%; padding:50px 0; border-left:0; border-bottom:1px solid #ededed; } #guide_type1 .guide_box1 .con_wrap ul li .con_txt {min-height:150px;} #guide_type1 .guide_box2 .con_wrap .left {width:100%;} #guide_type1 .guide_box2 .con_wrap .right {width:100%; margin-top:30px; } #guide_type1 .guide_box2 .con_wrap1 .left {width:100%;} #guide_type1 .guide_box2 .con_wrap1 .right {width:100%; margin-top:30px; } #guide_type1 .guide_box3 .con_wrap .left {width:100%; margin-top:10px;} #guide_type1 .guide_box3 .con_wrap .right {width:100%; margin-top:10px;margin-bottom:10px; } } /* //guide_type1 ########################################*/ /* history_type1 ########################################*/ #history_type1 {width:100%; min-width:320px; max-width:1200px; margin:0 auto;} #history_type1 .innerBox{position:relative; width:100%; } #history_type1 .innerBox:after{content:'';display:block;clear:both;} #history_type1 h3 {text-align:center; padding-bottom:20px; font-size:2em; font-weight:100; color:#aaa;} #history_type1:first-child h3 { padding:0px 0 50px 0;} #history_type1 .history { position:relative; margin-bottom:100px;} #history_type1 .history:last-child{margin-bottom:0px;} #history_type1 .history:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;} /* 라인색상 */ #history_type1 .history .img_box {position:absolute; top:0; left:0; padding:0; margin:0; width:50%; text-align:left; } #history_type1 .history .img_box img { width:auto;} #history_type1 .history > div { position:relative; margin-left:50%; padding-left:90px; margin-bottom:45px; } #history_type1 .history > div:before { content:''; display:block; position:absolute; top:10px; left:-2px; width:5px; height:5px; border-radius:50%; background:#555;} /* 라인포인트색상 */ #history_type1 .history > div .year { position:absolute; top:0; left:20px; font-size:1em; color:#555; padding:0 10px; margin-bottom:15px; display:inline-block; border:1px solid #ddd;} #history_type1 .history > div ul {padding:0; margin:0; } #history_type1 .history > div ul li { padding:0; margin:0;} #history_type1 .history > div ul li p {margin-top:0px; } #history_type1 .history > div ul li p strong { width:15%; display:inline-block; vertical-align:top; font-size:0.9em; text-align:center; } #history_type1 .history > div ul li p span {width:85%; display:inline-block; font-size:0.9em; } @media screen and (max-width: 992px) { .content_wrap{width:100%;} .page_title{margin-bottom:40px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} #history_type1 .history .img_box { display:block; position:relative; top:0; left:0; width:100%; padding:0; margin-bottom:40px;} #history_type1 .history .img_box img { width:100%;} #history_type1 .history:before { left:20px; } /* 라인 */ #history_type1 .history > div { margin-left:0; } #history_type1 .history > div:before {left:18px; } #history_type1 .history > div .year { top:0px; left:40px; font-size:0.9em;} #history_type1 .history > div ul li { font-size:0.9em;} } @media screen and (max-width: 480px) { #history_type1 .history > div {padding-left:40px; } #history_type1 .history > div .year { position:relative; left:0; } #history_type1 .history > div ul li p strong { text-align:left; } } /* //history_type1 ########################################*/ /* history_type2 ########################################*/ #history_tab{width:100%; text-align:center; margin-bottom:50px;} #history_tab span{display:inline-block; width:200px; margin:0px 10px; border:1px solid #000; padding:10px 0; cursor:pointer;} #history_tab span.on{border:1px solid #00CAA7; background-color:#00CAA7; color:#fff;} .history_type2{display:none; width:100%; min-width:320px; max-width:1200px; margin:0 auto; background:url('/sub/image/history_line.gif')repeat-y center; overflow: hidden;} .history_type2 .title {margin:0 0 5%;} .history_type2 .title h4{display:table; width:150px; height:150px; margin:0 auto; position: relative; text-align:center; font-size:1.5em; color:#fff; } .history_type2 .title h4 span{display:table-cell; vertical-align:middle; width:100%; height:100%; background:#396fbc; border-radius:100%; z-index:1; line-height:1em;} .history_type2 .history_box{width:100%; overflow: hidden;} .history_type2 .box_wrap.right{width:50%; background:url('/sub/image/history_line2.gif')no-repeat left 56px; position: relative;} .history_type2 .box_wrap.right:before{content:url('/sub/image/history_dot.gif'); position: absolute; top:45px; left: -10px;} .history_type2 .box_wrap.left{width:50%; background:url('/sub/image/history_line2.gif')no-repeat right 56px; position: relative;} .history_type2 .box_wrap.left:before{content:url('/sub/image/history_dot.gif'); position: absolute; top:45px; right: -10px;} .history_type2 .box_wrap .box{ border:1px solid #ddd; background:#fff; padding:0px; margin-top:20px;} .history_type2 .box_wrap .box img{width:100%; max-width:800px;} .history_type2 .box_wrap .box p.year{padding-top:10px; padding-left:20px; font-size:1.5em; color:#333;} .history_type2 .box_wrap .box ul{margin:0; padding:0;} .history_type2 .box_wrap .box ul li{position: relative; margin:15px 0; padding-left:80px; line-height:1.6; font-size:1em; letter-spacing: -0.5px;} .history_type2 .box_wrap .box ul li span{position: absolute; left:20px; top:0; padding-left:10px; color:#000;} .history_type2 .box_wrap .box ul li span:before{content:""; position: absolute; left:0; top:10px; width:4px; height:4px; background:#1776ff;} .history_type2 .box_wrap.right{float:right;} .history_type2 .box_wrap.right .box{margin-left:10%;} .history_type2 .box_wrap.left{float:left;} .history_type2 .box_wrap.left .box{margin-right:10%;} #history_1{display:block;} #history_1 .title h4 span{background-color:#21418d;} #history_2 .title h4 span{background-color:#2754ad;} @media screen and (max-width:992px){ .history_type2 .box_wrap .box p.year{ padding-left:10px;} .history_type2 .box_wrap .box ul li span{ left:10px;} .history_type2 .box_wrap .box ul li{ padding-left:80px;} .content_wrap{width:96%;} .page_title{margin-bottom:40px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} #history_tab span{width:auto; padding:5px 10px; margin:0 3px;} .history_type2 .box_wrap .box p.year{ padding-left:10px;} .history_type2 .box_wrap .box ul li span{ left:10px;} .history_type2 .box_wrap .box ul li{padding-left:70px; padding-right:10px;} .history_type2{ background-position:5% top;} .history_type2 .title h4{width:100%; height:auto;} .history_type2 .title h4 span{ border-radius:0; padding:20px 0; background:url('/sub/image/history_top.jpg')no-repeat; background-size:cover;} .history_type2 .box_wrap.right{width:95%; background-position:left 55px;} .history_type2 .box_wrap.right .box{ width:85%; } .history_type2 .box_wrap.left{float:right;} .history_type2 .box_wrap.left{width:95%; background-position:left 90px;} .history_type2 .box_wrap.left:before{left: -10px; top:80px;} .history_type2 .box_wrap.left .box{margin:10% 0 10% 10%; width:85%; } } @media screen and (max-width:480px){ .history_type2 .box_wrap .box ul li{font-size:0.9em;} } /* //history_type2 ########################################*/ /* 특별 조정 */ @media screen and (max-width: 768px){ .page_title > .sub_tit{font-size:1.7em} .page_title > .sub_txt{font-size:0.9em} .con_small > table {padding:0px;font-size:0.81em} .con_small > table > tbody > tr > td {font-size:0.5em } .con_small_loop table{font-size:0.65em} } .tbl_new{width:100%; border-collapse: collapse; margin:0 auto; border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd; border-bottom:0px;} .tbl_new tr th{ height:45px; padding:15px 0; text-align:center; background:#f7f7f7;border-bottom:1px solid #ddd; font-size:1em;border-right:1px solid #ddd;} .tbl_new tr td{ border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;border-right:1px solid #ddd;} .tbl_new .w10 { width:10% } .b_title { text-align:center;margin-top:20px;font-size:1.5rem } .tbl_new .x_mobile { display:none } @media screen and (max-width:760px){ .tbl_new .x_pc { display:none } .tbl_new .x_mobile { display:block } .tbl_new .bt0 { padding-top:10px } .tbl_new .mbold { font-weight:bold} }