@CHARSET "UTF-8";

.mbbr{display:none !important;}
 
/**LAYOUT*/
#ttrx_wrap{position:relative;}
#ttrx_headerWrap{position:fixed;top:0;left:0;width:100%;height:109px;background-color:#fff;z-index:10;border-bottom:2px #f37021 solid;}
#ttrx_header{width:100%;max-width:1200px;min-width:1000px;margin:0 auto;height:108px;overflow:hidden;position:relative;}
#ttrx_logo{position:absolute;left:0;top:50%;transform:translateY(-50%);}
#ttrx_gnb{float:right;}
#ttrx_gnb ul{overflow:hidden;}
#ttrx_gnb li{float:left;padding-left:70px;}
#ttrx_gnb li:first-child{padding-left:0;}
#ttrx_gnb a{display:block;line-height:108px;color:#000;font-size:16px;}
#ttrx_gnb a.on{color:#f37021;}

#ttrx_footerWrap{border-top:1px #ccc solid;}
#ttrx_footerWrap > hr{border:0;border-bottom:1px #cccccc solid;margin:0;}
#ttrx_information{overflow:hidden;width:100%;max-width:1200px;min-width:1000px;margin:0 auto;}
#ttrx_information a{line-height:64px;font-size:16px;color:#333333;}
#ttrx_information ul{overflow:hidden;float:left;}
#ttrx_information li{float:left;padding-left:45px;margin-left:43px;background:url("img/img_bar01.png") no-repeat;background-position:left center;}
#ttrx_information li:first-child{padding-left:0;margin-left:0;background:none;}
#ttrx_information li:first-child a{font-weight:bold;}
#ttrx_information div{float:right;}
#ttrx_information select{border:0;font-size:16px;color:#333333;height:64px;width:195px;padding-left:10px;margin-left:20px;-webkit-appearance: none;appearance: none;background:url("img/btn_slcbox_on.png") no-repeat;background-position:right center;}
#ttrx_information select:focus{background:url("img/btn_slcbox_off.png") no-repeat;background-position:right center;}

#ttrx_footer{width:100%;max-width:1200px;min-width:1000px;position:relative;margin:0 auto;padding-bottom:25px;}
#ttrx_footer img{position:absolute;top:10px;right:0;}
#ttrx_footer p{padding:20px 0;font-size:16px;color:#333333;line-height:30px;}
#ttrx_footer span{font-size:16px;color:#747474;}

#ttrx_apply{position:fixed;right:50px;top:160px;}
/* left:calc(50% + 780px); */
#ttrx_top{position:absolute;left:calc(50% + 527px);bottom:273px;z-index:20;}




/**INDEX*/
#ttrx_index{width:100%;min-width:1000px;height:1080px;position:relative;overflow:hidden;}
#ttrx_index > span{position:absolute;top:0;left:0;display:block;width:calc(3928px);}
#ttrx_index > span img{float:left;}
/* border-bottom:1px #cccccc solid; */
#ttrx_indexBox{position:absolute;top:111px;left:0;width:50%;height:calc(1080px - 111px);background-color:rgba(255,102,0,0.7);}
#ttrx_indexBox > div{position:absolute;left:100%;top:50%;transform:translateY(-50%) translateX(-50%);width:1200px;}
#ttrx_indexBox > div img:nth-child(2){transform:translateY(-100%);}


#ttrx_indexBox > div > strong{line-height:72px;font-size:60px;color:#fff;display:block;font-weight:bold;font-family:'Roboto Slab',serif;}
/* 'Suez One' */
/* font-size:48px; */
#ttrx_indexBox > div > strong > span{display:inline-block;background-color:#000;padding:0 10px;}
#ttrx_indexBox > div > span{color:#fff;font-size:20px;display:block;padding:30px 0;}
#ttrx_indexBox > div > span br{display:none;}

#ttrx_indexBox a{display:inline-block;border:1px #f37021 solid;}



/**SUB*/
#ttrx_contents{padding-top:109px;padding-bottom:100px;}

#ttrx_title{background:url("img/bg_introduce.png") no-repeat;background-position:center center;min-width:1000px;}
#ttrx_title > div{width:100%;max-width:1200px;min-width:1000px;margin:0 auto;position:relative;height:860px;}
#ttrx_title > div > strong{padding-top:110px;display:block;text-align:center;font-size:40px;color:#dd6827;padding-bottom:30px;}
#ttrx_title > div > p{text-align:center;font-size:24px;color:#fff;line-height:34px;padding-bottom:150px;}
#ttrx_title > div > ul{overflow:hidden;width:100%;max-width:1080px;margin:0 auto;}
#ttrx_title > div > ul li{width:25%;float:left;}
#ttrx_title > div > ul li img{display:block;margin:0 auto;}
#ttrx_title > div > ul li span{display:block;text-align:center;font-size:24px;font-weight:bold;padding-top:30px;padding-bottom:15px;color:#fff;}
#ttrx_title > div > ul li div{font-size:16px;text-align:center;line-height:24px;color:#fff;font-weight:300;}
#ttrx_title > div a{position:absolute;right:calc(50% - 186px);bottom:510px;}

.ttrx_section{width:100%;max-width:1200px;min-width:1000px;margin:0 auto;}
.ttrx_sectionFull{width:100%;}
.ttrx_sectionFull > div{width:100%;max-width:1200px;min-width:1000px;margin:0 auto;padding:90px 0;position:relative;z-index:5;}
.ttrx_gray{background-color:#f8f8f8;position:relative;}
.ttrx_red{background-color:#fff9f6;}


.ttrx_gray.title02{background:url(img/bg_title02.png) no-repeat;background-position:top 60% center;background-size:1920px;}
.ttrx_gray.title03{background:url("img/bg_title03.jpg") no-repeat;background-position:top 42% center; background-size:1920px; }
.ttrx_gray.title04{background:url("img/bg_title04.jpg") no-repeat;background-position:top 40% center;background-size:1920px;}
.ttrx_gray.title05{background:url(img/bg_title05.jpg) no-repeat;background-position:top 30% center;background-size:1920px;}
.ttrx_gray.title06{background:url(img/bg_title06.png) no-repeat;background-position:top 35% center;background-size:1920px;}

.ttrx_gray.title02::after,
.ttrx_gray.title03::after,
.ttrx_gray.title04::after,
.ttrx_gray.title05::after,
.ttrx_gray.title06::after{content:" ";background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;}

.ttrx_gray.title02 strong,
.ttrx_gray.title03 strong,
.ttrx_gray.title04 strong,
.ttrx_gray.title05 strong,
.ttrx_gray.title06 strong{color:#f37021;}

.ttrx_gray.title02 p,
.ttrx_gray.title03 p,
.ttrx_gray.title04 p,
.ttrx_gray.title05 p,
.ttrx_gray.title06 p{color:#fff;}

.ttrx_contTypeA{padding-top:25px;position:relative;height:245px;margin-top:90px;}
.ttrx_contTypeA strong{font-size:34px;color:#f37021;display:block;padding-bottom:20px;line-height:45px;}
.ttrx_contTypeA p{font-size:20px;color:#333;}
.ttrx_contTypeA img{position:absolute;top:0;right:0;}

.ttrx_contTypeB{}
.ttrx_contTypeB dl{display:flex;padding-top:50px;padding-bottom:50px;}
.ttrx_contTypeB dt{width:280px;}
.ttrx_contTypeB dt > div{font-size:28px;color:#000;}
.ttrx_contTypeB dd{width:calc(100% - 280px);}
.ttrx_contTypeB dd > p{font-size:18px;font-weight:300;color:#000;line-height:28px;letter-spacing:-0.2px;padding-bottom:30px;}
.ttrx_contTypeB dd > iframe,
.ttrx_contTypeB dd > img{width:100%;box-shadow:4px 4px 16px 5px rgba(0,0,0,0.23);height:517px;}
.ttrx_contTypeB dd > ol li{background:url("img/img_chk.png") no-repeat;background-position:left center;padding-left:30px;font-size:18px;color:#000;font-weight:300;margin-top:15px;}
.ttrx_contTypeB dd > ol li:first-child{margin-top:0;}
.ttrx_contTypeB dd > ul{overflow:hidden;}
.ttrx_contTypeB dd > ul li{float:left;width:290px;margin-left:calc((100% - 870px) / 2);margin-top:30px;position:relative;}
.ttrx_contTypeB dd > ul.ttrx_sign{overflow:hidden;}
.ttrx_contTypeB dd > ul.ttrx_sign li::after{
	content:" ";
	position:absolute;
	top:56px;
	left:calc(100% - 100px);
	background:url("img/img_sign.png") no-repeat;
	background-position:center center;
	width:230px;
	height:11px;
}
.ttrx_contTypeB dd > ul.ttrx_sign li:last-child::after{display:none;}
.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(3)::after{width:50px;background-position:center left;}
.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(4)::before{content:" ";
	position:absolute;
	top:56px;
	right:calc(100% - 110px);
	background:url("img/img_sign.png") no-repeat;
	background-position:center left;
	width:70px;
	height:11px;}


.ttrx_contTypeB dd > ul li:nth-child(3n+1){margin-left:0;}
.ttrx_contTypeB dd > ul li:nth-child(1),
.ttrx_contTypeB dd > ul li:nth-child(2),
.ttrx_contTypeB dd > ul li:nth-child(3){margin-top:0;}
.ttrx_contTypeB dd > ul li img{width:100%;margin-bottom:25px;}
.ttrx_contTypeB dd > ul li strong{font-size:20px;color:#000;display:block;}
.ttrx_contTypeB dd > ul li p{padding-top:16px;font-size:16px;color:#000;line-height:30px;text-align:justify;letter-spacing:-0.5px;}
.ttrx_contTypeB dd > ul li p span{font-size:14px;}
.ttrx_contTypeB dd > ul li div{width:87px;line-height:87px;border-radius:43.5px;background-color:#f37021;text-align:center;margin:0 auto;font-size:40px;font-weight:bold;color:#fff;margin-bottom:20px;}
.ttrx_contTypeB dd > ul li div ~ strong{text-align:center;}
.ttrx_contTypeB dd > ul li div ~ p{text-align:center;}
.ttrx_contTypeB dd > ul li a{font-size:16px;display:block;line-height:43px;text-align:center;margin-top:15px;transition:all 0.5s;border:1px #f37021 solid;color:#f37021;background-color:#fff;}
.ttrx_contTypeB dd > ul li a:hover{color:#fff;background-color:#f37021;transition:all 0.5s;}


.ttrx_contTypeB dd > ul.ttrx_sign li div{position:relative;font-size:30px;line-height:90px;padding-top:30px;width:120px;border-radius:60px;}
.ttrx_contTypeB dd > ul.ttrx_sign li div img{width:46px;margin-bottom:0;margin-top:15px;}
.ttrx_contTypeB dd > ul.ttrx_sign li div::after{position:absolute;font-size:13px;top:-10px;left:50%;transform:translateX(-50%);width:100%;}

.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(1) div::after{content:"STEP 01";}
.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(2) div::after{content:"STEP 02";}
.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(3) div::after{content:"STEP 03";}
.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(4) div::after{content:"STEP 04";}
.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(5) div::after{content:"STEP 05";}
.ttrx_contTypeB dd > ul.ttrx_sign li:nth-child(6) div::after{content:"STEP 06";}



.ttrx_contTypeB dd > ul.element4 li{width:calc(25% - 15px);margin-left:20px;margin-top:0;}
.ttrx_contTypeB dd > ul.element4 li:nth-child(4n+1){margin-left:0;}
.ttrx_contTypeB dd > ul.element4 li img{height:165px;}

.ttrx_contTypeC dl{display:flex;padding-top:50px;padding-bottom:55px;}
.ttrx_contTypeC dt{width:280px;}
.ttrx_contTypeC dt > div{font-size:28px;color:#000;padding-bottom:15px;}
.ttrx_contTypeC dt > span{font-size:14px;font-weight:300;color:#333;}
.ttrx_contTypeC dd{width:calc(100% - 280px);}
.ttrx_contTypeC dd ul{display:flex;}
.ttrx_contTypeC dd ul li{width:287px;margin-left:32px;border:1px #eeeeee solid;padding-top:35px;height:205px;background-color:#fff;box-shadow:5px 5px 5px rgba(62,62,62,0.08);}
.ttrx_contTypeC dd ul li:first-child{margin-left:0;}
.ttrx_contTypeC dd ul li img{width:87px;height:87px;display:block;margin:0 auto 20px auto;}
.ttrx_contTypeC dd ul li span{font-size:18px;display:block;text-align:center;color:#000;padding-bottom:10px;}
.ttrx_contTypeC dd ul li p{text-align:center;font-size:24px;color:#000;}
.ttrx_contTypeC dd ul li strong{font-size:36px;color:#000;}


.ttrx_rightButton{text-align:right;padding:50px 0 0 0;}
.ttrx_galleryView .ttrx_rightButton{padding-top:49px;padding-bottom:0;}
.ttrx_commonButton{display:inline-block;padding:0 40px;line-height:45px;background-color:#f37021;font-size:16px;color:#fff;}


.ttrx_category{padding:60px 0 30px 0;width:100%;max-width:1200px;min-width:1000px;margin:0 auto;}
.ttrx_category a{border:1px #ccc solid;display:inline-block;line-height:43px;padding:0 40px;font-size:16px;color:#333;margin-right:5px;transition:all 0.5s;}
.ttrx_category a.on,
.ttrx_category a:hover{border-color:#f37021;color:#fff;background-color:#f37021;transition:all 0.5s;}
.ttrx_category strong{font-size:26px;color:#000;display:block;line-height:45px;}
.ttrx_search{padding:60px 0 30px 0;width:100%;max-width:1200px;min-width:1000px;margin:0 auto;overflow:hidden;}
.ttrx_search > div{float:right;}
.ttrx_search > div input{float:left;}
.ttrx_search > div input[type="text"]{border:1px #c5c5c5 solid;width:164px;padding:0 20px;height:43px;font-size:16px;}
.ttrx_search > div input[type="submit"]{border:0;background-color:#f37021;color:#fff;font-size:16px;width:80px;text-align:center;height:45px;margin-left:-1px;cursor:pointer;}

.ttrx_category ~ .ttrx_search{padding-top:0;margin-top:-75px;}


.ttrx_galleryList{overflow:hidden;}
.ttrx_galleryList li{margin-left:20px;margin-bottom:40px;width:calc(100% / 3 - 14px);float:left;}
.ttrx_galleryList li:nth-child(3n+1){margin-left:0;}
.ttrx_galleryList li a{display:block;}
.ttrx_galleryList li a img{width:99%; overflow:hidden; border:1px #dadada solid; margin-bottom:15px; }
.ttrx_galleryList li a strong{display:block;font-size:16px;font-weight:bold;padding-bottom:5px;}
.ttrx_galleryList li a i{display:block;width:50px;margin:10px 0;height:1px;background-color:#c5c5c5;}
.ttrx_galleryList li a span{font-size:14px;}

.ttrx_galleryList2{overflow:hidden;}
.ttrx_galleryList2 li{margin-left:19px;margin-bottom:40px;width:calc(25% - 15px);float:left;}
/*.ttrx_galleryList2 li{margin-left:20px;margin-bottom:40px;width:calc(25% - 15px);float:left;}*/
.ttrx_galleryList2 li:nth-child(4n+1){margin-left:0;}
.ttrx_galleryList2 li a{display:block;}
.ttrx_galleryList2 li a img{width:100%;margin-bottom:15px; }
.ttrx_galleryList2 li a img.border{border:1px #c5c5c5 solid;}
.ttrx_galleryList2 li a strong{display:block;font-size:16px;font-weight:bold;}
.ttrx_galleryList2 li a span{font-size:14px;display:block;font-weight:bold;}
.ttrx_galleryList2 li a i{display:block;width:50px;margin:10px 0;height:1px;background-color:#c5c5c5;}
.ttrx_galleryList2 li a em{font-size:14px;font-style:normal;}

.ttrx_galleryView{width:100%;max-width:1200px;min-width:1000px;margin:0 auto;}
.ttrx_galleryView > strong{padding-top:90px;display:block;color:#000000;font-size:38px;font-weight:bold;padding-bottom:50px;}
.ttrx_galleryView > strong em{font-size:16px;font-style:normal;display:block;padding:10px 10px 0 0;font-weight:normal;}
.ttrx_galleryView > img{display:block;max-width:100%;margin-bottom:50px;margin-left:auto;margin-right:auto;}
.ttrx_galleryView > div{overflow:hidden;padding-bottom:49px;}
.ttrx_galleryView > div > ul{float:left;width:386px;}
.ttrx_galleryView > div > ul li{line-height:45px;border-bottom:1px #c5c5c5 solid;font-size:14px;}
.ttrx_galleryView > div > ul li:nth-child(4) { border-bottom:none; }
.ttrx_galleryView > div > ul li strong{display:inline-block;width:100px;font-size:16px;}
.ttrx_galleryView > div > p{float:right;width:calc((100% - 386px) - 20px);font-size:16px;line-height:28px;}
.ttrx_galleryView > pre{word-break:break-all;font-size:16px;white-space:pre-wrap;line-height:28px;}

.ttrx_galleryView > div > ul li.bt {text-align: center;}
.ttrx_galleryView > div > ul li button { font-size:16px; font-weight: 600; padding:15px; border: none; background: #ff6600; color:#fff; margin-top: 30px; width: 100%; }
.ttrx_galleryView > div > ul li button:after { content: ' \21C0'; }

.ttrx_paging{text-align:center;padding-top:20px;}
.ttrx_paging a{display:inline-block;line-height:34px;width:34px;height:30px;border-radius:5px;border:1px #c5c5c5 solid;font-size:16px;margin:0 2px;transition:all 0.5s;}
.ttrx_paging a.on,
.ttrx_paging a:hover{border-color:#f37021;color:#fff;background-color:#f37021;transition:all 0.5s;}
.ttrx_paging a em{transform:translateY(1px);}


/**COMMON*/
.ttrx_line{border:0;margin:0;border-bottom:1px #ebebeb solid;}
strong.ttrx_title{padding-top:30px;display:block;text-align:center;color:#000000;font-size:38px;font-weight:bold;margin-top:-30px;}
p.ttrx_title{padding-top:30px;font-size:22px;color:#000;text-align:center;font-weight:300;}

.ttrx_tab{transform:translateY(-31.5px);}
.ttrx_tab.on{position:fixed;top:142px;left:0;width:100%;left:50%;transform:translateY(-31.5px) translateX(-50%);max-width:1200px;min-width:1000px;z-index:10;}
.ttrx_tab.double a{width:calc(50% - 2px);}
.ttrx_tab a{float:left;border:1px #e5e5e5 solid;background-color:#fff;color:#6f6f6f;line-height:61px;text-align:center;font-size:22px;}
.ttrx_tab a.on{background-color:#f37021;border-color:#f37021;color:#fff;}


/**FORM*/
.ttrx_form{width:100%;min-width:1000px;max-width:1200px;margin:30px auto;}
.ttrx_form em{margin:0 5px;font-size:16px;vertical-align:top;color:#f37021;}
.ttrx_formRead{font-size:14px;}
.ttrx_form ul{border-top:2px #000 solid;margin-top:10px;}
.ttrx_form ul li{overflow:hidden;margin-top:20px;}
.ttrx_form ul li:first-child{}
.ttrx_form ul li > span{width:250px;float:left;font-size:16px;font-weight:bold;line-height:45px;}
.ttrx_form ul li > span em{vertical-align:middle;}
.ttrx_form ul li > div{width:calc(100% - 250px);float:right;}
.ttrx_form ul li > div > input{width:calc(100% - 42px);border:1px #c5c5c5 solid;background-color:#f8f8f8;padding:0 20px;height:43px;font-size:16px;}
.ttrx_form ul li > div > textarea{width:calc(100% - 42px);border:1px #c5c5c5 solid;background-color:#f8f8f8;padding:20px;height:143px;font-size:16px;}
.ttrx_form ul li > div.ttrx_email > input{width:calc(50% - 62px);border:1px #c5c5c5 solid;background-color:#f8f8f8;padding:0 20px;height:43px;font-size:16px;}
.ttrx_form ul li > div.ttrx_email i{font-size:16px;line-height:45px;width:20px;display:inline-block;text-align:center;margin:0 10px;color:#666;vertical-align:top;}

.ttrx_agree{border:1px #c5c5c5 solid;background-color:#f8f8f8;padding:20px;}
.ttrx_caption{font-size:14px;}
.ttrx_caption span{color:#f37021;margin-right:5px;}
.ttrx_agree table{background-color:#fff;width:100%;border-top:2px #c5c5c5 solid;margin:10px 0;}
.ttrx_agree table th,
.ttrx_agree table td{border:1px #c5c5c5 solid;height:50px;text-align:center;font-size:14px;padding:0 20px;line-height:22px;}
.ttrx_agree label{color:#f37021;}
.ttrx_agree th label{font-weight:bold;}

.ttrx_doubleButton{margin-left:250px;overflow:hidden;padding-top:20px;text-align:center;}
.ttrx_doubleButton button{display:inline-block;border:0;width:calc(170px);background-color:#fff;border:1px #f37021 solid;color:#f37021;font-size:16px;height:43px;vertical-align:top;}
.ttrx_doubleButton input{display:inline-block;border:0;width:calc(170px);background-color:#f37021;border:1px #f37021 solid;color:#fff;font-size:16px;height:43px;margin-left:20px;cursor:pointer;}

#ttrx_m_gnb,
#ttrx_m_gnbclose,
#ttrx_m_gnbopen{display:none;}


/* .ttrx_prevnext{margin-top:-45px;} */
.ttrx_prevnext a{display:block;width:100px;float:left;color:#f37021;border:1px #f37021 solid;line-height:43px;text-align:center;font-size:14px;margin-right:10px;}

#ttrx_etcContents{padding-top:40px;font-size:14px;line-height:30px;width:800px;margin:0 auto;}
#ttrx_etcContents h3{padding-bottom:10px;}
#ttrx_etcContents h4{padding-bottom:10px;}
#ttrx_etcContents h5{padding-bottom:10px;}
#ttrx_etcContents ul{margin-bottom:10px;padding-left:20px;}
#ttrx_etcContents table{width:100%;border-top:2px #f37021 solid;}
#ttrx_etcContents th{font-size:16px;font-weight:bold;height:45px;border-bottom:1px #c5c5c5 solid;text-align:center;}
#ttrx_etcContents td{font-size:14px;height:45px;border-bottom:1px #c5c5c5 solid;padding:0 20px;}
#ttrx_etcContents td.alignC{text-align:center;}

.childTop{border:1px #c5c5c5 solid;padding:20px 20px 10px 20px;margin-bottom:30px;}
.childTop h3{color:#f37021;font-weight:bold;}

.childCont{padding-top:30px;margin-top:30px;border-top:2px #f37021 solid;}
.childCont dt{font-weight:bold;color:#f37021;}
.childCont dd{margin-bottom:20px;}

.refuseWrap{border:1px #c5c5c5 solid;padding:20px 20px 10px 20px;margin-bottom:30px;}

.borderTable{border-bottom:1px #c5c5c5 solid;}
.borderTable table{margin-bottom:-1px;}
.borderTable th,
.borderTable td{border-left:1px #c5c5c5 solid;border-bottom:1px #c5c5c5 solid;}
.borderTable th:first-child,
.borderTable td:first-child{border-left:0;}

