@charset "utf-8";

/* layout */
#container {overflow:hidden;}
#contents {max-width:1160px; min-height:600px; margin:0 auto; padding:90px 30px;}
#contents.c_full {max-width:100%; padding:0;}

@media (max-width:1023px) {
#contents {padding:70px 30px;}
}

@media (max-width:767px) {
#contents {padding:40px 15px;}
}

/* sub layout */
.sub_visual {position:relative;}
.sub_visual .sub_top {height:390px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub_visual .sub_top .sub_title {padding-top:180px; color:#fff; font-size:56px; font-weight:300; letter-spacing:-0.5px; text-align:center; text-shadow:0px 0px 10px rgba(0, 0, 0, .55);}
.sub_visual .sub_top .sub_location {margin:12px 0 0 0; text-align:center;}
.sub_visual .sub_top .sub_location > li {position:relative; display:inline-block; padding:0 12px; color:#fff; font-size:18px; font-weight:300; vertical-align:middle;}
.sub_visual .sub_top .sub_location > li:before {opacity:.4; content:""; display:block; position:absolute; top:50%; left:-1px; width:1px; height:18px; margin-top:-9px; background-color:#fff;}
.sub_visual .sub_top .sub_location > li:first-child:before {display:none;}
.sub_visual .sub_top .sub_location > li > a {display:inline-block; color:#fff; vertical-align:middle;}
.sub_visual .sub_top .sub_location > li.home > a {width:16px; height:17px; margin:0 0 3px 0; font-size:1px; text-indent:-999em; background-image:url('../images/ico/ico_loca_home02.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:16px 17px; overflow:hidden;}
.sub_visual .sub_top .sub_location > li > a:hover {text-decoration:none;}
.sub_visual .sub_top .sub_location > li > strong {display:inline-block; font-weight:600; vertical-align:middle;}
.sub_visual .sub_top .sub_location > li .d_select {display:none; position:absolute; top:auto; left:50%; width:130px; margin:10px 0 0 -65px; padding:18px 10px; background-color:rgba(0, 0, 0, .7); border-radius:6px; z-index:1;}
.sub_visual .sub_top .sub_location > li .d_select li {margin-bottom:10px;}
.sub_visual .sub_top .sub_location > li .d_select li:last-child {margin-bottom:0;}
.sub_visual .sub_top .sub_location > li .d_select li a {opacity:.7; display:block; color:#fff; font-size:14px; transition:opacity .15s ease-out;}
.sub_visual .sub_top .sub_location > li .d_select li a:hover {opacity:1; text-decoration:none;}
.sub_visual .sub_top .sub_location > li .btn_select {position:relative; padding-right:34px;}
.sub_visual .sub_top .sub_location > li .btn_select:after {content:""; display:block; position:absolute; top:50%; right:0; width:24px; height:24px; margin-top:-12px; background:url('../images/ico/loca_arrow.png') no-repeat 50% 50%; background-size:24px 24px; transition:transform .15s ease-out;}
.sub_visual .sub_top .sub_location > li .btn_select.on:after {-ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
.sub_visual .sub_tab {background-color:#193497;}
.sub_visual .sub_tab ul {width:100%; font-size:0; text-align:center; overflow:hidden;}
.sub_visual .sub_tab ul li {position:relative; display:inline-block; padding:0 30px; vertical-align:middle;}
.sub_visual .sub_tab ul li:before {content:""; display:block; position:absolute; top:50%; left:0; width:6px; height:6px; margin-top:-3px; background-color:#6785f3; border-radius:6px;}
.sub_visual .sub_tab ul li:first-child:before {display:none;}
.sub_visual .sub_tab ul li a {opacity:.8; position:relative; display:block; height:80px; line-height:76px; padding:0 15px; color:#fff; font-size:22px; font-weight:300; transition:opacity .15s ease-out;}
.sub_visual .sub_tab ul li.on a {opacity:1; font-weight:400;}
.sub_visual .sub_tab ul li a span {position:relative; display:inline-block; line-height:120%; vertical-align:middle;}
.sub_visual .sub_tab ul li a span:after {content:""; display:none; position:absolute; left:0; bottom:-5px; width:100%; height:2px; background-color:#4260cc;}
.sub_visual .sub_tab ul li.on a span:after {display:block;}
.sub_visual.tab_none .sub_title {padding-top:245px;}
.paragraph {margin-bottom:80px;}
.paragraph:last-child {margin-bottom:0;}

@media (min-width:1024px) {
.sub_visual .sub_tab ul li a:hover {opacity:1;}
}

@media (max-width:1023px) {
.m_br {display:none;}
.sub_visual .sub_top {height:300px;}
.sub_visual .sub_top .sub_title {padding-top:120px; font-size:46px;}
.sub_visual.tab_none .sub_title {padding-top:90px;}
.sub_visual .sub_top .sub_location {display:none;}
.sub_visual .sub_tab ul li {padding:0 20px;}
.sub_visual .sub_tab ul li a {height:60px; line-height:56px; font-size:18px;}
.paragraph {margin-bottom:60px;}
}

@media (max-width:767px) {
.sub_visual .sub_top {height:180px;}
.sub_visual .sub_top .sub_title {padding-top:70px; font-size:31px;}
.sub_visual .sub_top .sub_location {margin:6px 0 0 0; transform:translateY(-15px);}
.sub_visual .sub_top .sub_location li {padding:0 12px; font-size:15px;}
.sub_visual .sub_top .sub_location li.home a {margin:0 0 3px 0;}
.sub_visual .sub_tab ul {display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
.sub_visual .sub_tab ul li {padding:0 15px;}
.sub_visual .sub_tab ul li:before {width:4px; height:4px; margin-top:-2px;}
.sub_visual .sub_tab ul li a {height:48px; line-height:46px; padding:0 5px; font-size:14px; letter-spacing:-0.5px;}
.sub_visual.tab_none .sub_title {padding-top:67px;}
.paragraph {margin-bottom:40px;}
}

/* sec_cont */
.sec_cont {position:relative; background-color:#fff; overflow:hidden;}
.sec_cont.vision {background-color:#f3f8f3; overflow:inherit;}
.sec_cont.vision:before {content:""; display:block; position:absolute; top:-65px; right:0; width:1141px; height:278px; background:url('../images/cont/seokyung_txt_img.png') no-repeat 50% 50%;}
.sec_cont.vision.ani_obj:before {opacity:0; transform:translateX(100%); transition:transform 2.2s cubic-bezier(0.23, 1, 0.38, 1), opacity 2.2s cubic-bezier(0.23, 1, 0.38, 1);}
.sec_cont.vision.ani_obj.ani_on:before {opacity:1; transform:translateX(0);}
.sec_cont.circle {background-image:url('../images/ico/bg_sec_circle.png'); background-repeat:no-repeat; background-position:100% 0;}
.sec_cont.chrycler {background-color:#eef7f5; background-image:linear-gradient(to bottom, #eef7f5 60%, #fff 60%);}
/* .sec_cont.tesla {background-image:url('../images/cont/bg_sec_tesla.jpg'); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} */
.sec_cont.tesla {background-color:#f0faff; background-image:linear-gradient(to bottom, #f0faff 60%, #fff 60%);}
.sec_cont .inner {max-width:1240px; margin:0 auto; padding:120px 30px;}
.sec_tit {margin-bottom:50px; color:#000; font-size:32px; font-weight:500; line-height:140%;}
.paragraph .sec_tit {margin-bottom:40px;}
.sec_tit .t_eng {display:block; margin-top:10px; color:#a2a2a2; font-size:21px; font-weight:100;}
.sec_tit.inline .t_eng {display:inline-block; margin-top:0; margin-bottom:3px; margin-left:10px; vertical-align:middle;}
.sec_tit.ani_obj {opacity:0; transform:translateX(-30px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1); transition-delay:.1s;}
.sec_tit.ani_obj.ani_on {opacity:1; transform:translateX(0);}
.sec_top {margin-bottom:70px;}
.sec_top .sec_tit {margin-bottom:30px;}
.sec_top .sec_txt {color:#333; font-size:30px; font-weight:300; line-height:160%;}
.sec_top .sec_txt span {display:block; margin-top:20px; line-height:160%;}
.sec_top .sec_txt span:first-child {margin-top:0;}
.sec_top .sec_txt span strong {color:#09d; font-weight:500;}
.sec_top .sec_txt.small {font-size:24px;}
.sec_top.ani_obj .sec_tit, .sec_top.ani_obj .sec_txt {opacity:0; transform:translateX(-30px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.sec_top.ani_obj .sec_tit {transition-delay:.1s;}
.sec_top.ani_obj .sec_txt {transition-delay:.4s;}
.sec_top.ani_obj.ani_on .sec_tit, .sec_top.ani_obj.ani_on .sec_txt {opacity:1; transform:translateX(0);}

@media (max-width:1280px) {
.sec_cont.vision:before {top:-52px; width:900px; height:219px; background-size:900px 219px;}
.sec_cont.circle {background-size:600px auto;}
}

@media (max-width:1023px) {
.sec_cont.vision:before {top:-39px; width:680px; height:166px; background-size:680px 166px;}
.sec_cont.circle {background-size:400px auto;}
.sec_cont .inner {padding:80px 30px;}
.sec_tit {margin-bottom:40px; font-size:30px;}
.paragraph .sec_tit {margin-bottom:30px;}
.sec_tit .t_eng {font-size:19px;}
.sec_top {margin-bottom:60px;}
.sec_top .sec_tit {margin-bottom:25px;}
.sec_top .sec_txt {font-size:26px;}
.sec_top .sec_txt.small {font-size:20px;}
}

@media (max-width:767px) {
.sec_cont.vision:before {top:-17px; width:300px; height:73px; background-size:300px 73px;}
.sec_cont.circle {background-size:180px auto;}
.sec_cont .inner {padding:40px 15px;}
.sec_tit {margin-bottom:25px; font-size:20px;}
.paragraph .sec_tit {margin-bottom:20px;}
.sec_tit .t_eng {margin-top:5px; font-size:14px;}
.sec_tit.inline .t_eng {display:block; margin-top:0; margin-bottom:0; margin-left:0;}
.sec_top {margin-bottom:40px;}
.sec_top .sec_tit {margin-bottom:15px;}
.sec_top .sec_txt {font-size:16px;}
.sec_top .sec_txt span {margin-top:10px;}
.sec_top .sec_txt.small {font-size:14px;}
}

/* greeting_area */
.greeting_area {position:relative; padding-bottom:120px;}
.greeting_area .g_box {position:relative; max-width:55%; z-index:1;}
.greeting_area .g_box .g_tit {color:#333; font-size:30px; font-weight:500; letter-spacing:-0.5px; line-height:160%;}
.greeting_area .g_box .g_txt {margin-top:40px; color:#333; font-size:21px; font-weight:300; letter-spacing:-0.5px; line-height:180%;}
.greeting_area .g_box .g_sign {display:block; margin-top:80px; color:#333; font-size:24px; font-weight:300; line-height:140%;}
.greeting_area .g_box .g_sign strong {font-weight:600;}
.greeting_area .ceo_img {position:absolute; right:-45px; bottom:0; left:0; margin:0 0 0 auto; width:62%; height:auto; vertical-align:top;}

@media (max-width:1023px) {
.greeting_area {padding-bottom:80px;}
.greeting_area .g_box .g_tit {font-size:28px;}
.greeting_area .g_box .g_txt {margin-top:30px; font-size:18px;}
.greeting_area .g_box .g_sign {margin-top:60px; font-size:20px;}
}

@media (max-width:767px) {
.greeting_area {padding-bottom:40px;}
.greeting_area .g_box {max-width:100%;}
.greeting_area .g_box .g_tit {font-size:18px;}
.greeting_area .g_box .g_txt {margin-top:15px; margin-right:110px; font-size:13px;}
.greeting_area .g_box .g_sign {margin-top:20px; font-size:13px;}
.greeting_area .ceo_img {width:210px;}
}

/* img_box */
.img_box {position:relative; text-align:center; z-index:1;}
.img_box img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.img_box .m_img {display:none;}
.img_box.ani_obj {opacity:0; transform:translateY(50px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1); transition-delay:.1s;}
.img_box.ani_obj.ani_on {opacity:1; transform:translateY(0);}

@media (max-width:767px) {
.img_box .m_img {display:block;}
.img_box .p_img {display:none;}
}

/* certification_list */
.certification_list {overflow:hidden;}
.certification_list ul {margin:0 -40px -40px 0; overflow:hidden;}
.certification_list ul li {float:left; width:33.32%;}
.certification_list ul li .c_box {margin:0 40px 40px 0;}
.certification_list ul li .c_box .thumb {position:relative; display:block; border:1px solid #e6e6e6;}
.certification_list ul li .c_box .thumb:before {content:""; display:block; padding-top:142.6%;}
.certification_list ul li .c_box .thumb .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.certification_list ul li .c_box .thumb .img img {position:absolute; top:0; left:0; width:auto; height:100%; /* -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); */ transition:.25s transform ease-out;}
.certification_list ul li .c_box .c_info {display:block; margin-top:20px; color:#333; font-size:20px; font-weight:400; line-height:140%; text-align:center;}

@media (max-width:767px) {
.certification_list ul {margin:0 -15px -30px 0;}
.certification_list ul li {width:50%;}
.certification_list ul li .c_box {margin:0 15px 30px 0;}
.certification_list ul li .c_box .c_info {margin-top:15px; font-size:14px;}
}

/* history_area */
.history_area {overflow:hidden;}
.top_bnr {display:table; width:100%; height:375px; margin-bottom:80px; background-image:url('../images/ico/top_bnr_bg01.jpg'); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.top_bnr .tb_cell {display:table-cell; text-align:center; vertical-align:middle;}
.top_bnr .tb_cell .tb_txt {display:block;}
.top_bnr .tb_cell .tb_txt.ani_obj {opacity:0; transform:translateY(30px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.top_bnr .tb_cell .tb_txt.ani_obj.ani_on {opacity:1; transform:translateY(0);}
.top_bnr .tb_cell .tb_txt em {display:block; color:#fff; font-size:26px; font-weight:300; line-height:140%;}
.top_bnr .tb_cell .tb_txt strong {display:block; margin-top:10px; color:#fff; font-size:44px; font-weight:500; line-height:140%;}
.history_list {position:relative;}
.history_list:before {content:""; display:block; position:absolute; top:10px; left:50%; bottom:0; width:2px; height:100%; background:url('../images/ico/history_solid.jpg') repeat-y;}
.history_list > ul {background:url('../images/ico/bg_history_circle.png') no-repeat 0 50%;}
.history_list > ul > li {padding-bottom:110px;}
.history_list > ul > li:last-child {padding-bottom:0;}
.history_list > ul > li:after {content:""; display:block; clear:both;}
.history_list > ul > li > dl {position:relative; float:right; width:50%; padding-left:80px;}
.history_list > ul > li > dl:before {content:""; display:block; position:absolute; top:4px; left:-18px; width:20px; height:20px; background-color:#fff; border:8px solid #52b74d; border-radius:36px;}
.history_list > ul > li > dl > dt {margin-bottom:40px; color:#333; font-size:40px; font-weight:500; line-height:100%;}
.history_list > ul > li > dl > dd {position:relative; margin-bottom:50px;}
.history_list > ul > li > dl > dd:last-child {margin-bottom:0;}
.history_list > ul > li > dl > dd .month {position:absolute; top:-1px; left:0; display:block; color:#52b74d; font-size:32px; font-weight:500; line-height:100%;}
.history_list > ul > li > dl > dd > ul {padding-left:90px;}
.history_list > ul > li > dl > dd > ul > li {margin-bottom:10px; color:#333; font-size:21px; font-weight:400; line-height:140%;}
.history_list > ul > li > dl > dd > ul > li:last-child {margin-bottom:0;}
.history_list > ul > li > dl.ani_obj > dt, .history_list > ul > li > dl.ani_obj > dd {opacity:0; transform:translateX(-15px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.history_list > ul > li > dl.ani_obj.ani_on > dt, .history_list > ul > li > dl.ani_obj.ani_on > dd {opacity:1; transform:translateX(0);}

@media (max-width:1023px) {
.top_bnr {height:300px;}
.top_bnr .tb_cell .tb_txt em {font-size:24px;}
.top_bnr .tb_cell .tb_txt strong {font-size:42px;}
.history_list > ul {background-size:auto 700px;}
.history_list > ul > li {padding-bottom:90px;}
.history_list > ul > li > dl {padding-left:60px;}
.history_list > ul > li > dl:before {width:18px; height:18px; border:6px solid #52b74d;}
.history_list > ul > li > dl > dt {margin-bottom:35px; font-size:36px;}
.history_list > ul > li > dl > dd {margin-bottom:30px;}
.history_list > ul > li > dl > dd .month {font-size:26px;}
.history_list > ul > li > dl > dd > ul {padding-left:70px;}
.history_list > ul > li > dl > dd > ul > li {font-size:19px;}
}

@media (max-width:767px) {
.top_bnr {height:180px; margin-bottom:40px;}
.top_bnr .tb_cell .tb_txt em {font-size:16px;}
.top_bnr .tb_cell .tb_txt strong {margin-top:5px; font-size:24px;}
.history_list:before {left:20px; width:1px; background-size:1px auto;}
.history_list > ul {padding-bottom:30px; background-position:100% 100%; background-size:auto 400px;}
.history_list > ul > li {padding-bottom:40px;}
.history_list > ul > li > dl {float:none; width:auto; padding-left:45px;}
.history_list > ul > li > dl:before {top:0; left:10px; width:12px; height:12px; border:4px solid #52b74d;}
.history_list > ul > li > dl > dt {margin-bottom:25px; font-size:19px;}
.history_list > ul > li > dl > dd {margin-bottom:15px;}
.history_list > ul > li > dl > dd .month {font-size:16px; line-height:140%;}
.history_list > ul > li > dl > dd > ul {padding-left:35px;}
.history_list > ul > li > dl > dd > ul > li {font-size:15px;}
}

/* location_area */
.location_area {position:relative; padding-bottom:125px;}
.location_area .map_box {width:100%; height:570px;}
.location_area .map_box .customoverlay {position:relative; margin-bottom:45px; padding:3px 10px; background-color:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:1px 1px 3px rgba(0,0,0,.1); overflow:hidden;}
.location_area .map_box .customoverlay a {color:#333; font-size:13px; font-weight:500;}
.location_area .map_box .customoverlay a:hover {text-decoration:none;}
.location_area .location_info {position:absolute; bottom:0; left:0; max-width:840px; padding:0 50px; background-color:#193497; z-index:1;}
.location_area .location_info .t_info {padding:30px 20px 35px 20px;}
.location_area .location_info .t_info dl {display:table; width:100%;}
.location_area .location_info .t_info dl dt {display:table-cell; width:25%; padding:0 10px; color:#fff; font-size:22px; font-weight:100; letter-spacing:-0.5px; line-height:140%; vertical-align:top; white-space:nowrap;}
.location_area .location_info .t_info dl dd {display:table-cell; width:75%; padding:0 10px; color:#fff; font-size:22px; font-weight:100; letter-spacing:-0.5px; line-height:140%; vertical-align:top;}
.location_area .location_info .t_info dl dd span {display:block; margin-top:5px; font-size:16px; letter-spacing:0;}
.location_area .location_info .b_info {display:table; width:100%; table-layout:fixed; padding:30px 20px 35px 20px; font-size:0; border-top:1px solid #4259aa;}
.location_area .location_info .b_info dl {display:table-cell; padding:0 10px; vertical-align:top;}
.location_area .location_info .b_info dl dt {margin-bottom:10px; color:#8ea6ff; font-size:18px; font-weight:100; line-height:140%;}
.location_area .location_info .b_info dl dd {color:#fff; font-size:18px; font-weight:300; line-height:140%;}

@media (min-width:1024px) {
.location_area .location_info.ani_obj {opacity:0; transform:translateY(30px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.location_area .location_info.ani_obj.ani_on {opacity:1; transform:translateY(0);}
}

@media (max-width:1023px) {
.location_area {padding-bottom:0;}
.location_area .map_box {height:400px;}
.location_area .location_info {position:static; margin-top:0; padding:0 30px;}
.location_area .location_info .t_info dl dt {font-size:20px;}
.location_area .location_info .t_info dl dd {font-size:20px;}
.location_area .location_info .t_info dl dd span {font-size:15px;}
.location_area .location_info .b_info dl dt {font-size:16px;}
.location_area .location_info .b_info dl dd {font-size:16px;}
}

@media (max-width:767px) {
.location_area .map_box {height:260px;}
.location_area .location_info {padding:0 15px;}
.location_area .location_info .t_info {padding:25px 5px 25px 5px;}
.location_area .location_info .t_info dl dt {font-size:14px;}
.location_area .location_info .t_info dl dd {font-size:14px;}
.location_area .location_info .t_info dl dd span {font-size:11px;}
.location_area .location_info .b_info {display:block; padding:20px 5px 10px 5px;}
.location_area .location_info .b_info dl {display:inline-block; width:50%; margin-bottom:15px; padding:0 15px;}
.location_area .location_info .b_info dl dt {margin-bottom:6px; font-size:13px;}
.location_area .location_info .b_info dl dd {font-size:12px;}
}

/* product_list */
.product_list {overflow:hidden;}
.product_list ul {margin:0 -33px -33px 0; font-size:0; overflow:hidden;}
.product_list ul li {display:inline-block; width:33.32%; vertical-align:top;}
.product_list ul li .p_box {margin:0 33px 33px 0;}
.product_list ul li .p_box .thumb {position:relative; display:block;}
.product_list ul li .p_box .thumb:before {content:""; display:block; padding-top:80.9%;}
.product_list ul li .p_box .thumb .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.product_list ul li .p_box .thumb .img img {position:absolute; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:.25s transform ease-out;}
.product_list ul li .p_box .p_info {display:block; padding:6% 8%; background-color:#767676;}
.product_list ul li .p_box .p_info .p_tit {display:inline-block; margin-right:10px; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px; line-height:140%; vertical-align:middle;}
.product_list ul li .p_box .p_info .p_txt {display:inline-block; color:#fff; font-size:18px; font-weight:100; letter-spacing:-0.5px; line-height:140%; vertical-align:middle;}

@media (max-width:1023px) {
.product_list ul li .p_box .p_info .p_tit {font-size:18px;}
.product_list ul li .p_box .p_info .p_txt {font-size:13px;}
}

@media (max-width:767px) {
.product_list ul {margin:0 -15px -15px 0;}
.product_list ul li {width:50%;}
.product_list ul li .p_box {margin:0 15px 15px 0;}
.product_list ul li .p_box .p_info {padding:10px 15px;}
.product_list ul li .p_box .p_info .p_tit {margin-right:0; font-size:14px;}
.product_list ul li .p_box .p_info .p_txt {display:block; margin-top:2px; font-size:11px;}
}

/* photo_list */
.photo_list {position:relative;}
.photo_list.bg:before {content:""; display:block; position:absolute; top:48%; left:50%; width:100vw; height:53%; background-color:#f0faef; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.photo_list.ani_obj {opacity:0; transform:translateY(40px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.photo_list.ani_obj.ani_on {opacity:1; transform:translateY(0);}
.photo_list ul {margin:0 -30px -30px 0; overflow:hidden;}
.photo_list ul li {float:left; width:50%;}
.photo_list ul li .p_box {position:relative; margin:0 30px 30px 0;}
.photo_list ul li .p_box .thumb {position:relative; display:block;}
.photo_list ul li .p_box .thumb:before {content:""; display:block; padding-top:60.87%;}
.photo_list ul li .p_box .thumb .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.photo_list ul li .p_box .thumb .img img {position:absolute; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:.25s transform ease-out;}
.photo_list ul li .p_box .p_info {display:block; position:absolute; bottom:0; left:0; width:100%; padding:5% 7%; color:#fff; font-size:24px; font-weight:100; line-height:140%; letter-spacing:-0.3px; background-color:rgba(0, 0, 0, .4);}

@media (max-width:1023px) {
.photo_list ul li .p_box .p_info {font-size:20px;}
}

@media (max-width:767px) {
.photo_list.bg:before {display:none;}
.photo_list ul {margin:0;}
.photo_list ul li {float:none; width:auto;}
.photo_list ul li .p_box {margin:0 0 20px 0;}
.photo_list ul li:last-child .p_box {margin-bottom:0;}
.photo_list ul li .p_box .p_info {padding:12px 15px; font-size:14px;}
}

/* rnd_history */
.rnd_history {position:relative; margin-top:100px;}
.rnd_history.ani_obj {opacity:0; transform:translateY(40px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.rnd_history.ani_obj.ani_on {opacity:1; transform:translateY(0);}
.rnd_history:before {content:""; display:block; position:absolute; top:0; left:0; width:50%; height:100%; background-image:url('../images/cont/rnd_history_bg.jpg'); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.rnd_history:after {content:""; display:block; position:absolute; top:-43px; left:50%; width:41px; height:65px; margin-left:-20px; background-image:url('../images/ico/rnd_history_obj.png'); background-repeat:no-repeat; background-position:50% 50%;}
.rnd_history .rh_box {margin-left:50%; padding:6% 7%; background-color:#2f5f96;}
.rnd_history .rh_box .tit {margin-bottom:30px; color:#fff; font-size:24px; font-weight:500; line-height:140%;}
.rnd_history .rh_box ul {overflow:hidden;}
.rnd_history .rh_box ul li {margin-top:20px;}
.rnd_history .rh_box ul li:first-child {margin-top:0;}
.rnd_history .rh_box ul li dl {display:table; width:100%;}
.rnd_history .rh_box ul li dl dt {display:table-cell; width:20%; padding-right:20px; color:#7abaf6; font-size:18px; font-weight:100; line-height:140%; text-align:left; vertical-align:top; white-space:nowrap;}
.rnd_history .rh_box ul li dl dd {display:table-cell; width:80%; color:#fff; font-size:18px; font-weight:100; line-height:140%; text-align:left; vertical-align:top;}

@media (max-width:1023px) {
.rnd_history {margin-top:80px;}
.rnd_history .rh_box .tit {font-size:22px;}
.rnd_history .rh_box ul li dl dt {font-size:16px;}
.rnd_history .rh_box ul li dl dd {font-size:16px;}
}

@media (max-width:767px) {
.rnd_history {margin-top:40px;}
.rnd_history:before {position:static; width:100%; height:160px;}
.rnd_history:after {top:-22px; width:21px; height:33px; margin-left:-10px; background-size:21px 33px;}
.rnd_history .rh_box {margin-left:0; padding:30px 25px;}
.rnd_history .rh_box .tit {margin-bottom:15px; font-size:16px;}
.rnd_history .rh_box ul li {margin-top:10px;}
.rnd_history .rh_box ul li dl dt {padding-right:15px; font-size:14px;}
.rnd_history .rh_box ul li dl dd {font-size:14px;}
}