@charset "utf-8";

#ctt_con { padding-top: 12rem; box-sizing:border-box; }

.section .etit_box {  }
.section .etit_box .tit { font-size:4.6rem; color:#999; font-weight: 700; font-family: var(--mont); margin-bottom: 3.4rem; }
.section .etit_box .ktit { font-size:3.6rem; color:#000; font-weight: 600; }
.section .etit_box .txt { font-size:2.8rem; color:#3a3a3a; font-weight: 400; line-height: 4.6rem; }
.section .etit_box .txt strong { color:var(--main_c1); font-weight: 600; }
.section .etit_box .txt small { font-size:2.4rem; }

.section .etit_box.white * { color:#fff; }

.section.img_section { background-repeat:no-repeat; background-size:cover; background-position:center center; }


.navbar { position:absolute; right:20px; top:530px; z-index:3; }
.navbar .nav-menu { margin-top: 0; transition:all 0.5s; }
.navbar .nav-menu li { margin-top: 1.6rem; }
.navbar .nav-menu li:first-child { margin-top: 0; }
.navbar .nav-menu li a { display:flex; font-size:1.6rem; color:#3a3a3a; font-weight: 600; align-items:center; justify-content:end; text-align: right; transition:all 0.5s; box-sizing:border-box; }
.navbar .nav-menu li a i { font-style: normal; transition:all 0.5s; opacity:0; margin-right: 2rem; }
.navbar .nav-menu li a .br { display:inline-block; width:30px; height:2px; background:#7f7f7f; }
.navbar .nav-menu li a.active { padding-right: 3rem; }
.navbar .nav-menu li a.active i { opacity:1; }
.navbar .nav-menu li a.active .br { background:var(--main_c2); }

.navbar.fixed { position:fixed; top:0; }
.navbar.fixed .nav-menu { margin-top: 2rem; }



/* 이롬그룹 */
.ctt_sub1_1N { padding-top: 0 !important; }
.ctt_sub1_1N .section { padding: 14.5rem 0; box-sizing:border-box; }

.ctt_sub1_1N {  }
.ctt_sub1_1N .section01 {  }
.ctt_sub1_1N .section01 .img_banner { height:600px; padding-top: 9.6rem; align-items:center; background:url(../../../img/content/sub1_1N-section01-img01.png) center center no-repeat; background-size:cover; border-radius:0 0 5rem 0; padding-left: 8.5rem; box-sizing:border-box; }
.ctt_sub1_1N .section01 .img_banner .tit { margin-bottom: 10rem; }
.ctt_sub1_1N .section01 .img_banner .txt { color:#dadada; }
.ctt_sub1_1N .section01 .img_banner .txt strong { font-size:3.8rem; color:#fff; line-height: 5.6rem; margin-top: 2rem; display:block; }
.ctt_sub1_1N .section01 .img_box { display:flex; align-items:center; padding-top: 7rem; box-sizing:border-box; }
.ctt_sub1_1N .section01 .img_box .img {  }
.ctt_sub1_1N .section01 .img_box .txt_box { width:calc(100% - 800px); padding-left: 12rem; box-sizing:border-box; }
.ctt_sub1_1N .section01 .img_box .txt_box p { font-size:2.4rem; color:#3a3a3a; line-height: 3rem; }
.ctt_sub1_1N .section01 .img_box .txt_box h5 { font-size:2.8rem; color:var(--main_c1); font-weight: 600; line-height: 4.6rem; margin-top: 1.6rem; }


.ctt_sub1_1N .bs_box { border-top: 1px solid #dadada; box-sizing:border-box; display:flex; padding: 7rem 0; }
.ctt_sub1_1N .bs_box.box01 { border-top: 0; padding-top: 6rem; }
.ctt_sub1_1N .bs_box.box05 { padding-bottom: 0; }
.ctt_sub1_1N .bs_box .img { width:100%; max-width:450px; overflow:hidden; border-radius:4.5rem; }
.ctt_sub1_1N .bs_box .img img {  }
.ctt_sub1_1N .bs_box .logo_box { padding-left: 10rem; box-sizing:border-box; padding-top: 6.4rem; }
.ctt_sub1_1N .bs_box .logo_box .tit { font-size:3.6rem; color:var(--main_c1); font-weight: 700; line-height: 1em; font-family: var(--mont); position:relative; margin-bottom: 2rem; }
.ctt_sub1_1N .bs_box .logo_box .tit:before { content:""; display:inline-block; width:20px; height:20px; background:var(--main_c2); border-radius:50%; position:absolute; left:-1.8rem; top:-1.6rem; }
.ctt_sub1_1N .bs_box .logo_box .txt { font-size:2rem;color:#3a3ea3a; line-height: 3rem; }
.ctt_sub1_1N .bs_box .logo_box .logo { margin-top: -6rem; display:flex; align-items:center; flex-wrap:wrap; padding-top: 5.8rem; }
.ctt_sub1_1N .bs_box .logo_box .logo li { margin-top: 6rem; width:25%; text-align: center; }
.ctt_sub1_1N .bs_box .logo_box .logo li img { mix-blend-mode: darken !important; }


.ctt_sub1_1N .section03 { padding-bottom: 10rem; }
.ctt_sub1_1N .dl_box { display:flex; align-items:start; flex-wrap:wrap; margin-top: -1.6rem; }
.ctt_sub1_1N .dl_box dt,
.ctt_sub1_1N .dl_box dd { box-sizing:border-box; margin-top: 7.2rem; }
.ctt_sub1_1N .dl_box dt { line-height: 4.8rem; width:505px; font-size:2.8rem; color:var(--main_c1); font-weight: 400; }
.ctt_sub1_1N .dl_box dt strong { font-weight: 600; display:block; } 
.ctt_sub1_1N .dl_box dd { border-left: 2px solid #cddfc6; padding-left: 13rem; width:calc(100% - 505px); }
.ctt_sub1_1N .dl_box dd span { font-size:1.8rem; color:#3a3a3a; line-height: 3rem; margin-top: 2.2rem; }
.ctt_sub1_1N .dl_box dd span:first-child { margin-top: 0; }

.ctt_sub1_1N .section04 { background-image:url(../../../img/content/sub1_s_bg.png); padding: 0; }
.ctt_sub1_1N .section04 .container { display:flex; height:590px; align-items:center; justify-content:center; text-align: center; }
.ctt_sub1_1N .section04 .tit { font-size:4rem; color:#fff; font-weight: 400; line-height: 6rem; }
.ctt_sub1_1N .section04 .tit strong { font-weight: 600; display:block; }

.ctt_sub1_1N .history {  }
.ctt_sub1_1N .history .sticky_box {  }
.ctt_sub1_1N .history .sticky_box .img { position:sticky; top:20px; padding-left: 2.5rem; box-sizing:border-box; width:50%; margin-bottom: 3rem; }
.ctt_sub1_1N .history .sticky_box .img figure {  }
.ctt_sub1_1N .history .sticky_box .img figcaption { font-size:1.8rem; color:#999; margin-top: 12px; }
.ctt_sub1_1N .history .sticky_box .year_box { padding-top: 2rem; box-sizing:border-box; padding-left: 50%; margin-top: -40rem; }
.ctt_sub1_1N .history .sticky_box .year { margin-top: 18rem; }
.ctt_sub1_1N .history .sticky_box .year_box .year:first-child {  }
.ctt_sub1_1N .history .sticky_box .year .tit { font-size:5rem; color:var(--main_c1); font-weight: 700; font-family: var(--mont); margin-bottom: 3rem; }
.ctt_sub1_1N .history .sticky_box .year .txt { font-size:2.4rem; color:var(--main_c2); margin-bottom: 1.5rem; font-weight: 600; margin-top: 7rem; }
.ctt_sub1_1N .history .sticky_box .year .txt:nth-child(2) { margin-top: 0; }
.ctt_sub1_1N .history .sticky_box .year .list { margin-top: 3rem; }
.ctt_sub1_1N .history .sticky_box .year .list li { font-size:1.8rem; color:#3a3a3a; padding-left: 10px; box-sizing:border-box; position:relative; margin-top: 2rem; line-height: 1.5em; }
.ctt_sub1_1N .history .sticky_box .year .list li:before { content:"·"; position:absolute; left:0; top:0; }



/********** 시안1 Style **********/
.ctt_sub1_1 { padding-top: 0 !important; }
.ctt_sub1_1 .section { padding: 14.5rem 0; box-sizing:border-box; }

.ctt_sub1_1 {  }
.ctt_sub1_1 .section01 .img_box { display:flex; align-items:center; position:relative; margin: 5.8rem 0 5.2rem; }
.ctt_sub1_1 .section01 .img_box .img { box-sizing:border-box; display:block; position:relative; z-index:2; }
.ctt_sub1_1 .section01 .img_box .img:first-child { width:40%; max-width:401px; height:200px; border: 1px solid #eaeaea; border-radius:2rem; background:#fff; display:flex; align-items:center; justify-content:center; text-align: center; margin-right: 20.2rem; }
.ctt_sub1_1 .section01 .img_box:before { content:""; display:block; width:1200px; height:1px; background:#eaeaea; position:absolute; left:0; top:50%; margin-top: -0.5px; }

.ctt_sub1_1 .business_box { display:flex; align-items:center; flex-wrap:wrap; margin-left: -10rem; margin-top: -4.2rem; }
.ctt_sub1_1 .business_box li { margin-left: 12rem; margin-top: 9.2rem; }
.ctt_sub1_1 .business_box li .img_b { display:flex; align-items:start; }
.ctt_sub1_1 .business_box li .img_b .side_txt { font-size:6rem; color:#000; font-weight: 400; writing-mode: vertical-rl; font-family: var(--mont); margin-right: 1.8rem; }
.ctt_sub1_1 .business_box li .img_b .side_txt i { font-style: normal; color:var(--main_c2); font-weight: 700; }
.ctt_sub1_1 .business_box li .img_b .side_txt b { font-weight: 700; }
.ctt_sub1_1 .business_box li .img_b .img {  }
.ctt_sub1_1 .business_box li .tit { font-size:3.6rem; color:#000; font-weight: 600; padding: 3rem 8.6rem 0; box-sizing:border-box; }

.ctt_sub1_1 .business_box li.box03 { margin-left: 19.4rem; }
.ctt_sub1_1 .business_box li.box03 .img_b .side_txt { letter-spacing: -0.0325em; }

.ctt_sub1_1 .section03 { padding-bottom: 10rem; }
.ctt_sub1_1 .dl_box { display:flex; align-items:start; flex-wrap:wrap; margin-top: -1.6rem; }
.ctt_sub1_1 .dl_box dt,
.ctt_sub1_1 .dl_box dd { box-sizing:border-box; margin-top: 7.2rem; }
.ctt_sub1_1 .dl_box dt { line-height: 4.8rem; width:505px; font-size:2.8rem; color:var(--main_c1); font-weight: 400; }
.ctt_sub1_1 .dl_box dt strong { font-weight: 600; display:block; } 
.ctt_sub1_1 .dl_box dd { border-left: 2px solid #cddfc6; padding-left: 13rem; width:calc(100% - 505px); }
.ctt_sub1_1 .dl_box dd span { font-size:1.8rem; color:#3a3a3a; line-height: 3rem; margin-top: 2.2rem; }
.ctt_sub1_1 .dl_box dd span:first-child { margin-top: 0; }

.ctt_sub1_1 .section04 { background-image:url(../../../img/content/sub1_s_bg.png); padding: 0; }
.ctt_sub1_1 .section04 .container { display:flex; height:590px; align-items:center; justify-content:center; text-align: center; }
.ctt_sub1_1 .section04 .tit { font-size:4rem; color:#fff; font-weight: 400; line-height: 6rem; }
.ctt_sub1_1 .section04 .tit strong { font-weight: 600; display:block; }

.ctt_sub1_1 .history {  }
.ctt_sub1_1 .history .sticky_box {  }
.ctt_sub1_1 .history .sticky_box .img { position:sticky; top:20px; padding-left: 2.5rem; box-sizing:border-box; width:50%; margin-bottom: 3rem; }
.ctt_sub1_1 .history .sticky_box .img figure {  }
.ctt_sub1_1 .history .sticky_box .img figcaption { font-size:1.8rem; color:#999; margin-top: 12px; }
.ctt_sub1_1 .history .sticky_box .year_box { padding-top: 2rem; box-sizing:border-box; padding-left: 50%; margin-top: -40rem; }
.ctt_sub1_1 .history .sticky_box .year { margin-top: 18rem; }
.ctt_sub1_1 .history .sticky_box .year_box .year:first-child {  }
.ctt_sub1_1 .history .sticky_box .year .tit { font-size:5rem; color:var(--main_c1); font-weight: 700; font-family: var(--mont); margin-bottom: 3rem; }
.ctt_sub1_1 .history .sticky_box .year .txt { font-size:2.4rem; color:var(--main_c2); margin-bottom: 1.5rem; font-weight: 600; margin-top: 7rem; }
.ctt_sub1_1 .history .sticky_box .year .txt:nth-child(2) { margin-top: 0; }
.ctt_sub1_1 .history .sticky_box .year .list {  }
.ctt_sub1_1 .history .sticky_box .year .list li { font-size:1.8rem; color:#3a3a3a; padding-left: 10px; box-sizing:border-box; position:relative; }
.ctt_sub1_1 .history .sticky_box .year .list li:before { content:"·"; position:absolute; left:0; top:0; }



/* 황성주박사 */
.greeting_box { display:flex; margin-bottom: 20rem; }
.greeting_box .img { border-radius:5rem; overflow:hidden; background:#ebf0ea; width:710px; font-size:0; }
.greeting_box .txt_box { width:calc(100% - 710px); padding-left: 9rem; box-sizing:border-box; padding-top: 4.2rem; }
.greeting_box .txt_box .greeting { font-size:4.6rem; color:#3a3a3a; font-weight: 400; line-height: 6.6rem; margin-bottom: 3.8rem; }
.greeting_box .txt_box .greeting strong { color:var(--main_c1); font-weight: 600; }
.greeting_box .txt_box .txt { font-size:2rem; color:#3a3a3a; line-height: 3.2rem; margin-top: 1.6rem; }
.greeting_box .txt_box .name { font-size:2rem; color:#000; font-weight: 400; display:flex; align-items:baseline; margin-top: 11rem; }
.greeting_box .txt_box .name strong { font-weight: 600; margin-left: 5px; margin-right: 5rem; }
.greeting_box .txt_box .name img {  }



/* 브랜드 아이덴티티 */
.ctt_sub1_3 {  }
.ctt_sub1_3 .txt_box {  }
.ctt_sub1_3 .tit { font-size:4rem; color:var(--main_c1); font-weight: 600; }
.ctt_sub1_3 .txt { font-size:2rem; color:#3a3a3a; line-height: 3.2rem; margin-top: 2rem; }

.brand_box01 {  }
.brand_box01 .top { text-align: center; }
.brand_box01 .top .txt { font-size:2.2rem; color:#3a3a3a; font-weight: 3.6rem; }
.brand_box01 .img { display:flex; height:30rem; background:#f7f6f6; align-items:center; justify-content:center; text-align: center; margin: 6rem 0 4.2rem; }
.brand_box01 .download_box { display:flex; align-items:center; justify-content:space-between; }
.brand_box01 .download_box .txt_box { width:50%; }
.brand_box01 .download_box .down { width:50%; text-align: right; }
.brand_box01 .download_box .down li { display:inline-block; }
.brand_box01 .download_box .down li:first-child { margin-right: 1.6rem; }
.brand_box01 .download_box .down li a { display:flex; width:250px; height:60px; align-items:center; justify-content:center; text-align: center; font-size:2rem; color:var(--main_c1); font-weight: 600; border: 1px solid #dadada; box-sizing:border-box; }
.brand_box01 .download_box .down li a img { margin-left: 1.6rem; }

.brand_box02 { display:flex; align-items:center; margin: 12rem 0; }
.brand_box02 .img { width:50%; height:340px; background:#f7f6f6; display:flex; align-items:center; justify-content:center; }
.brand_box02 .txt_box { width:50%; padding-left: 7rem; box-sizing:border-box; }

.brand_box03 { padding-bottom: 16rem; box-sizing:border-box; }
.brand_box03 .txt_box { text-align: center; }
.brand_box03 .list { display:flex; align-tiems:start; flex-wrap:wrap; margin-top: 0.4rem; }
.brand_box03 .list li { width:50%; display:flex; align-items:center; margin-top: 4rem; }
.brand_box03 .list li .img { background:#f8f8f8; width:50%; max-width:350px; height:208px; display:flex; align-items:center; justify-content:center; text-align: center; }
.brand_box03 .list li .info { padding-left: 8rem; box-sizing:border-box; }
.brand_box03 .list li .info .tit { font-size:2rem; color:#000; font-weight: 600; display:inline-flex; flex-direction:column; }
.brand_box03 .list li .info .tit .en,
.brand_box03 .list li .info .tit i { line-height: 1em; padding: 3px 5px; box-sizing:border-box; }
.brand_box03 .list li .info .tit .en { font-size:1.8rem; font-family: var(--mont); font-weight: 600; }
.brand_box03 .list li .info .tit i { font-style: normal; margin-top: 4px; }
.brand_box03 .list li .info .c_value { margin-top: 2rem; }
.brand_box03 .list li .info .c_value span { font-size:1.6rem; color:#666; display:block; margin-top: 6px; }
.brand_box03 .list li .info .c_value span:first-child { margin-top: 0; }

.brand_box03 .list li.bgW:first-child .tit { color:var(--main_c1); }
.brand_box03 .list li.bgG .img { background:var(--main_c1); }
.brand_box03 .list li.bgG .info .tit { color:#fff; }
.brand_box03 .list li.bgG .info .tit .en,
.brand_box03 .list li.bgG .info .tit i { background:var(--main_c1); }
.brand_box03 .list li.bgB .img { background:#000; }
.brand_box03 .list li.bgB .info .tit { color:#fff; }
.brand_box03 .list li.bgB .info .tit .en,
.brand_box03 .list li.bgB .info .tit i { background:#000; }


.ctt_sub1_3 .section02 { padding: 15.4rem 0 16rem; box-sizing:border-box; overflow:hidden; }
.ctt_sub1_3 .section02 .txt_box { text-align: center; }
.ctt_sub1_3 .simbol_slide { margin-top: 4rem; }
.ctt_sub1_3 .simbol_slide li { width:auto; padding: 0 5rem; box-sizing:border-box; }
.ctt_sub1_3 .simbol_slide li img { height:131px; width:auto; }
.ctt_sub1_3 .video_box { text-align: center; margin-top: 7rem; }



/* Contact US */
.ctt_sub1_4 { margin-bottom: 20rem; padding-top: 0 !important; }
.ctt_sub1_4 .section01 { padding-top: 12rem; box-sizing:border-box; }
.ctt_sub1_4 .container { position:relative; }
.ctt_sub1_4 .etit_box .txt { font-size:2.4rem; line-height: 4.6rem; margin-top: 2.6rem; }
.ctt_sub1_4 .etit_box .txt strong { font-size:2.8rem; }

.ctt_sub1_4 .info_box,
.ctt_sub1_4 .sticky_box { float: left; box-sizing:border-box; }
.ctt_sub1_4 .sticky_box { width:calc(100% - 630px); padding-right: 7rem; }
.ctt_sub1_4 .sticky_box .form_box { padding-left: 4.7rem; box-sizing:border-box; position:relative; }
.ctt_sub1_4 .sticky_box .form_box:before { content:""; display:inline-block; width:2px; height:calc(100% - 10px); background:#dadada; position:absolute; left:6px; bottom:0; }
.ctt_sub1_4 .sticky_box .form_box form { margin-top: 6.8rem; }
.ctt_sub1_4 .sticky_box .form_box form .input_line { margin-top: 7.6rem; }
.ctt_sub1_4 .sticky_box .form_box form .input_line:first-child { margin-top: 0; }
.ctt_sub1_4 .sticky_box .form_box form .input_line > span { display:block; }
.ctt_sub1_4 .sticky_box .form_box form .input_line .tit { position:relative; font-size:2.2rem; color:#3a3a3a; font-weight: 600; margin-bottom: 2rem; }
.ctt_sub1_4 .sticky_box .form_box form .input_line .tit:before { content:""; display:inline-block; width:14px; height:14px; border-radius:50%; background:var(--main_c2); position:absolute; left:-4.7rem; top:7px; }
.ctt_sub1_4 .sticky_box .form_box form .input_line .input {  }
.ctt_sub1_4 .sticky_box .form_box form .input_line .input input,
.ctt_sub1_4 .sticky_box .form_box form .input_line .input textarea { border-radius:1rem; border: 1px solid #dadada; box-sizing:border-box; width:100%; font-size:1.8rem; font-family: "Noto Sans KR", sans-serif; }
.ctt_sub1_4 .sticky_box .form_box form .input_line .input input { height:59px; padding-left: 1.5rem; }
.ctt_sub1_4 .sticky_box .form_box form .input_line .input textarea { height:160px; resize:none; padding: 1.5rem; }
.ctt_sub1_4 .sticky_box .form_box form .agree_box { display:flex; align-items:center; padding-left: 1rem; box-sizing:border-box; margin-top: 12px; }
.ctt_sub1_4 .sticky_box .form_box form .agree_box label { display:flex; align-items:center; font-size:1.8rem; color:#666; }
.ctt_sub1_4 .sticky_box .form_box form .agree_box label input { display:none; }
.ctt_sub1_4 .sticky_box .form_box form .agree_box label i { display:inline-block; width:30px; height:30px; border-radius:50%; background:var(--main_c1); margin-right: 15px; background-repeat:no-repeat; background-position:center center; }
.ctt_sub1_4 .sticky_box .form_box form .agree_box a { margin-left: 18px; display:inline-block; width:100px; height:30px; background:#666; border-radius:1rem; font-size:14px; color:#fff; font-weight: 600; text-align: center; line-height: 30px; }
.ctt_sub1_4 .sticky_box .form_box form .btn_box { margin-top: 8rem; text-align: center; }
.ctt_sub1_4 .sticky_box .form_box form button { width:180px; height:50px; border: 1px solid transparent; border-radius:500px; background:var(--main_c1); font-size:1.8rem; color:#fff; font-weight: 600; transition:all 0.5s; cursor:pointer; }
.ctt_sub1_4 .sticky_box .form_box form button:hover { color:var(--main_c1); background:#fff; border: 1px solid var(--main_c1); }

.ctt_sub1_4 .sticky_box .form_box form .agree_box label input:checked + i { background-image:url(../../../img/content/agree_chk.png); }


.ctt_sub1_4 .map_box { border-top: 1px solid #dadada; margin-top: 16rem; padding-top: 15.4rem; box-sizing:border-box; }
.ctt_sub1_4 .map_box > .map { margin-top: 3.4rem; border-radius:1.5rem; overflow:hidden; }
.ctt_sub1_4 .map_box .map .root_daum_roughmap .wrap_controllers,
.ctt_sub1_4 .map_box .map .root_daum_roughmap .map_border { display:none; }
.ctt_sub1_4 .map_box .map_info {  }
.ctt_sub1_4 .map_box .map_info .info {  }
.ctt_sub1_4 .map_box .map_info .info:first-child {  }
.ctt_sub1_4 .map_box .map_info .info .tit { display:flex; align-items:end; font-size:2.4rem; color:#3a3a3a; font-weight: 600; margin-top: 5rem; }
.ctt_sub1_4 .map_box .map_info .info .tit img { margin-right: 1.7rem; }
.ctt_sub1_4 .map_box .map_info .info .txt { font-size:2rem; color:#3a3a3a; margin-top: 1.2rem; }
.ctt_sub1_4 .map_box .map_info .info .type { font-size:0; margin-left: -4.6rem; }
.ctt_sub1_4 .map_box .map_info .info .type li { display:inline-flex; align-items:center; font-size:2rem; color:#3a3a3a; margin-left: 4.6rem; margin-top: 2rem; }
.ctt_sub1_4 .map_box .map_info .info .type li span { display:inline-block; width:50px; height:30px; border-radius:5px; text-align: center; line-height: 30px; font-size:1.6rem; color:#fff; font-weight: 600; margin-right: 1.5rem; }
.ctt_sub1_4 .map_box .map_info .info .type li.t01 span { background:var(--main_c1); }
.ctt_sub1_4 .map_box .map_info .info .type li.t02 span { background:#019f94; }
.ctt_sub1_4 .map_box .map_info .info .type li.t03 span { background:#385cb3; }
.ctt_sub1_4 .map_box .map_info .info .type li.t04 span { background:#00c73c; }


.ctt_sub1_4 .info_box { width:630px; position:sticky; top:10px; right:0; background:#f7f7f7; border-radius:1.5rem; box-shadow:0 0 10px 0 rgba(204, 204, 204, 1); padding: 3.7rem 4.5rem 5.5rem; box-sizing:border-box; margin-top: 2.6rem; }
.ctt_sub1_4 .info_box .inner {  }
.ctt_sub1_4 .info_box .inner .line { margin-top: 4.5rem; }
.ctt_sub1_4 .info_box .inner .line:first-child { margin-top: 0; }
.ctt_sub1_4 .info_box .inner .line .tit { display:flex; align-items:baseline; font-size:2rem; color:#000; font-weight: 500; font-family: var(--mont); margin-bottom: 14px; }
.ctt_sub1_4 .info_box .inner .line .tit img { margin-right: 10px; }
.ctt_sub1_4 .info_box .inner .line .txt { font-size:1.8rem; color:#777; font-weight: 500; }
.ctt_sub1_4 .info_box .inner .line .txt .en { display:block; font-size:1.6rem; letter-spacing: -0.0525em; }

.ctt_sub1_4 .info_box .inner .line .txt li { display:flex; align-items:center; flex-wrap:wrap; color:#000; font-size:1.7rem; margin-top: 1.2rem; }
.ctt_sub1_4 .info_box .inner .line .txt li span { width:70px; color:#777; }
.ctt_sub1_4 .info_box .inner .line .txt li a { color:#000; }



.ctt_sub6_1 .section01 {  }
.ctt_sub6_1 .section01 .tit_box { /*display:flex; align-items:center; justify-content:space-between;*/ text-align: center; margin: 0 0 7rem; }
.ctt_sub6_1 .section01 .tit { font-size:6rem; color:var(--main_c1); font-weight: 600; }
.ctt_sub6_1 .section01 .tit small { font-size:4.2rem; }
.ctt_sub6_1 .section01 .stit { font-size:2.2rem; color:#666; line-height: 3.2rem; margin-top: 3rem; }
.ctt_sub6_1 .section01 .stit strong { color:#000; margin-bottom: 2rem; }


.ctt_sub6_1 .section02 { background:var(--main_c1); padding:10rem 0; box-sizing:border-box; }
.ctt_sub6_1 .section02 .txt_box { display:flex; align-items:start; justify-content:center; flex-wrap:wrap; margin-left: -10rem; margin-top: -5rem; }
.ctt_sub6_1 .section02 .txt_box li { width:calc(50% - 10rem); max-width:500px; margin-left: 10rem; margin-top: 5rem; }
.ctt_sub6_1 .section02 .txt_box li > span { display:block; }
.ctt_sub6_1 .section02 .txt_box li .icon { display:none; }
.ctt_sub6_1 .section02 .txt_box li .tit { font-size:2.4rem; color:#fff; font-weight: 600; border-bottom:1px solid #aaa; box-sizing:border-box; padding-bottom: 2rem; margin-bottom: 2rem; display:flex; align-items:end; justify-content:space-between; }
.ctt_sub6_1 .section02 .txt_box li .tit i { display:inline-flex; align-items:center; text-align: center; justify-content:center; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing:border-box; border-radius:50%; width:90px; height:90px; margin-bottom: -2px; }
.ctt_sub6_1 .section02 .txt_box li .txt { font-size:1.8rem; color:#eaeaea; font-weight: 400; line-height: 3rem; }








@media (max-width:1620px){

	#ctt_con { overflow:hidden; }

	.container { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }


	.greeting_box .img { overflow:visible; background:transparent; width:100%; max-width:50%; }
	.greeting_box .img img { border-radius:5rem; }
	.greeting_box .txt_box { padding-top: 0; width:50%; }
	.greeting_box .txt_box .name { margin-top: 2rem; }

}


@media (max-width:1400px){ 

	.ctt_sub1_1N .section01 .img,
	.ctt_sub1_1N .section01 .txt_box { width:50% !important; }
	.ctt_sub1_1N .section01 .img_box .txt_box { padding-left: 8rem; }

	.ctt_sub1_1N .bs_box .img { border-radius:0; }
	.ctt_sub1_1N .bs_box .img img { border-radius:4rem; }

	.ctt_sub1_1N .history .sticky_box .img { padding-left: 0; }
	.ctt_sub1_1N .history .sticky_box .year_box { padding-left: calc(50% + 50px); }


	.greeting_box .txt_box { padding-left: 5rem; }
	.greeting_box .txt_box .txt { margin-top: 2rem; }
	.greeting_box .txt_box .name { flex-wrap:wrap; }
	.greeting_box .txt_box .name img { display:block; margin-top: 10px; }

	.ctt_sub1_3 .txt  br { display:none; }

	.ctt_sub1_4 .sticky_box { width:calc(100% - 400px); }
	.ctt_sub1_4 .info_box { width:400px; }

}


@media (max-width:1200px){

	.ctt_sub1_1N .section01 .img_box .txt_box { padding-left:5rem; }

	.ctt_sub1_1N .bs_box .logo_box { padding-left: 7rem; }
	.ctt_sub1_1N .bs_box .logo_box .logo { margin-top: -3rem; padding-top: 3rem; }
	.ctt_sub1_1N .bs_box .logo_box .logo li { width:33.33%; margin-top: 3rem; }

	.ctt_sub1_1N .dl_box { flex-direction:column; margin-top: 0; }
	.ctt_sub1_1N .dl_box dt,
	.ctt_sub1_1N .dl_box dd { width:100%; }
	.ctt_sub1_1N .dl_box dt { margin-top: 4rem; }
	.ctt_sub1_1N .dl_box dt strong { display:inline; }
	.ctt_sub1_1N .dl_box dd { padding-left: 0; border-left: 0; margin-top: 1rem; }

	.ctt_sub1_1N .section04 .tit br { display:none; }
	.ctt_sub1_1N .section04 .tit strong { display:inline; }

	.greeting_box { flex-direction:column; }
	.greeting_box .img,
	.greeting_box .txt_box { width:100%; max-width:100%; }
	.greeting_box .img { background:#ebf0ea; border-radius:5rem; text-align: center; }
	.greeting_box .txt_box .greeting br { display:none; }
	.greeting_box .txt_box { padding-left: 0; margin-top: 3rem; }


	.brand_box01 .download_box { flex-direction:column; align-items:start; justify-content:start; }
	.brand_box01 .download_box .txt_box { width:100%; margin-bottom: 2rem; }
	.brand_box01 .download_box .down { width:100%; text-align:left; }

	.brand_box02 .img { padding: 5rem 2rem; box-sizing:border-box; height:auto; }

	.brand_box03 .list li .info { padding-left: 4rem; }

	/*
	.ctt_sub6_1 .icon_box { margin-top: 3rem; }
	.ctt_sub6_1 .icon_box li { max-width:calc(33.33% - 1rem); margin-top: 1rem; }*/
 
}


@media (max-width:1024px){
 
}


@media (max-width:992px){

	.ctt_sub1_1N .section01 .img_banner { height:auto; padding: 5rem 3rem; }
	.ctt_sub1_1N .section01 .img_banner .tit { margin-bottom: 3rem; }
	.ctt_sub1_1N .section01 .img_banner .txt { font-size:2.4rem; }
	.ctt_sub1_1N .section01 .img_banner .txt strong { font-size:3.4rem; margin-top: 0; }

	.ctt_sub1_1N .section01 .img_box { flex-wrap:wrap; }
	.ctt_sub1_1N .section01 .img,
	.ctt_sub1_1N .section01 .txt_box { width:100% !important; }
	.ctt_sub1_1N .section01 .img img { max-width:70%; }
	.ctt_sub1_1N .section01 .img_box .txt_box { padding-left: 0; margin-top: 3rem; }

	.ctt_sub1_1N .bs_box { flex-direction:column; text-align: center; }
	.ctt_sub1_1N .bs_box .img { max-width:100%; }
	.ctt_sub1_1N .bs_box .logo_box { width:100%; padding-left: 0; }
	.ctt_sub1_1N .bs_box .logo_box .tit { display:flex; align-items:start; justify-content:center; }
	.ctt_sub1_1N .bs_box .logo_box .tit:before { width:14px; height:14px; position:static; margin-right: 6px; }
	.ctt_sub1_1N .bs_box .logo_box .logo { margin-left: -5rem; justify-content:center; }
	.ctt_sub1_1N .bs_box .logo_box .logo li { width:auto; margin-left: 5rem; }

	.ctt_sub1_1N .history .sticky_box { margin-top: 7rem; }
	.ctt_sub1_1N .history .sticky_box.box01 { margin-top: 0; }
	.ctt_sub1_1N .history .sticky_box .img { position:static; width:100%; }
	.ctt_sub1_1N .history .sticky_box .year_box { padding-left: 0; margin-top: 0; padding-top: 0; }
	.ctt_sub1_1N .history .sticky_box .year { margin-top: 5rem; }
	.ctt_sub1_1N .history .sticky_box .year:first-child { margin-top: 0; }


	.brand_box02 { flex-direction:column; align-items:start; }
	.brand_box02 .img { width:100%; }
	.brand_box02 .txt_box { padding-left: 0; margin-top: 3rem; width:100%; text-align: center; }

	.brand_box03 .list li .img { padding: 5rem 2rem; box-sizing:border-box; height:auto; }
	.brand_box03 .list li .info { padding-left: 2rem; }


	.ctt_sub1_4 .sticky_box { width:100%; }
	.ctt_sub1_4 .info_box { position:static; width:100%; background:#fff; box-shadow:0 0 0 rgba(0, 0, 0, 0); padding: 5rem 0 0; margin-top: 5rem; border-top: 1px solid #eaeaea; }
	.ctt_sub1_4 .info_box .inner .line02 .txt { display:flex; flex-wrap:wrap; margin-left: -7rem; }
	.ctt_sub1_4 .info_box .inner .line02 .txt li { margin-left: 7rem; }


}


@media (max-width:768px){

	.ctt_sub1_1N .section01 .img_banner .txt br.non_br { display:none; }


	.brand_box03 .list li { justify-content:center; }
	.brand_box03 .list li { width:100%; }
	.brand_box03 .list li .img { width:calc(100% - 150px); }
	.brand_box03 .list li .info { width:150px; flex-shrink:0; }

	/*.ctt_sub6_1 .icon_box li { width:100%; max-width:calc(50% - 0.5rem); }*/


	.ctt_sub6_1 .section02 .txt_box { margin-left: 0; }
	.ctt_sub6_1 .section02 .txt_box li { width:100%; max-width:100%; margin-left: 0; }


}


@media (max-width:600px){

	.ctt_sub1_1N .section01 .img img { max-width:100%; }

	.brand_box01 .img { height:auto; padding: 5rem 1.5rem; box-sizing:border-box; }

	.ctt_sub1_4 .sticky_box .form_box form .agree_box { flex-direction:column; }
	.ctt_sub1_4 .sticky_box .form_box form .agree_box label i { flex-shrink:0; }
	.ctt_sub1_4 .sticky_box .form_box form .agree_box a { margin-top: 7px; }

}


@media (max-width:479px){
	/*
	.ctt_sub6_1 .icon_box li { max-width:100%; height:auto; }
	.ctt_sub6_1 .icon_box li .btit br { display:none; }
	.ctt_sub6_1 .icon_box li i { margin-top: 3rem; }
	*/

}


@media (max-width:375px){

	.section02 .txt_box li .tit { flex-direction:column; align-items:start !important; }
	.section02 .txt_box li .tit i { margin-bottom: 1rem !important; }


}