/* ABOUT SISUN */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; text-decoration: none; color: inherit; letter-spacing: -0.05em;}
body{ color: #333;}
a{color: #333;}

section{text-align: center;}
section > .title{font-size: 20px; line-height: 20px; letter-spacing: 0.22em; font-weight: 400;}
section .contents{margin-top: 30px;}
.about_wrap .title_ban{background: url('/theme/sisun_v1/img/v1/overseas/about/title.jpg')no-repeat center #383F45; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-align: center; padding: 58px 17px 38px;}
.about_wrap .title_ban .sub{font-size: 12px; line-height: 12px; display: block; color: #A8D3EB; font-weight: 500; letter-spacing: 0.3em;}
.about_wrap .title_ban .sub:after{content: ''; display: block; width: 1px;height: 30px; background: #A8D3EB; margin: 8px auto;}
.about_wrap .title_ban h4{font-size: 18px; line-height: 18px; font-weight: 500;}
.about_wrap .title_ban h3{font-size: 40px; line-height: 40px; font-weight: 500; margin: 8px 0 0 0;}
.about_wrap .title_ban .note{font-size: 12px; line-height: 18px; margin: 15px 0 0 0;}
.about_wrap .title h5{font-size: 26px; line-height: 26px; font-weight: 300;}
.about_wrap .title h5 strong{font-weight: 700;}
.about_wrap .title h6{font-size: 10px; line-height: 10px; font-weight: 500; letter-spacing: 0.45em; color: #aaa; margin: 10px 0 0 0;}
.about_wrap section{padding: 50px 24px;}
.about_wrap .sec_01 .contents .note{font-size: 12px; line-height: 18px;}
.about_wrap .sec_01 .contents .list{margin: 30px 0 0 0; display: flex; justify-content: center; flex-wrap: wrap;}
.about_wrap .sec_01 .contents li{ margin: 0 5px; display: flex; justify-content: center;}
.about_wrap .sec_01 .contents li:first-child{flex-basis: 100%;}
.about_wrap .sec_01 .contents li p{width: 140px; height: 140px;  border-radius: 100%; border: 8px solid #F4F5F9; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.about_wrap .sec_01 .contents li .sub{display: flex; align-items: flex-end; font-size: 10px; line-height: 10px; color: #7AA3BB;}
.about_wrap .sec_01 .contents li strong{margin: 3px 0 0 0; font-size:16px; line-height:16px; font-weight: 700; }
.about_wrap .sec_02{background: #F2F7FB;}
.about_wrap .sec_02 .title h6{color: #7AA3BB;}
.about_wrap .sec_02 .contents{margin: 30px auto 0; display: flex; text-align: left; flex-direction: column;}
.about_wrap .sec_02 .contents dl:not(:first-child){margin:30px 0 0 0;}
.about_wrap .sec_02 .contents dl{width: 100%; background: #fff;}
.about_wrap .sec_02 .contents dd{padding: 20px;}
.about_wrap .sec_02 .contents dd .num{font-size: 12px; line-height: 12px; letter-spacing: 0.22em; color: #7A9FBA;}
.about_wrap .sec_02 .contents dd .title{font-size: 18px; line-height: 24px; font-weight: 300;margin: 10px 0 0 0;}
.about_wrap .sec_02 .contents dd .title strong{font-weight: 700;}
.about_wrap .sec_02 .contents dd p{margin: 10px 0 0 0;font-size: 12px; line-height: 18px; word-break: keep-all;}
.about_wrap .sec_02 .contents dd p strong{font-weight: 700;}
.about_wrap .sec_03{padding: 0;}
.about_wrap .sec_03 > .title{padding:  50px 0;}
.about_wrap .sec_03 .why_cont{padding: 50px 0 0 0;}
.about_wrap .sec_03 .why_cont .container{padding: 0 24px 20px;}
.about_wrap .sec_03 .why_cont:nth-child(odd){color: #fff;}
.about_wrap .sec_03 .why_cont .y_title .num{font-size: 30px; font-weight: 700;}
.about_wrap .sec_03 .why_cont .y_title .num:after{content: ''; display: block; width: 40px; height: 1px; background: #333; margin: 15px auto;}
.about_wrap .sec_03 .why_cont:nth-child(odd) .y_title .num:after{background: #fff;}
.about_wrap .sec_03 .why_cont .y_title p{font-size: 18px; line-height: 24px;font-weight: 300;}
.about_wrap .sec_03 .why_cont .y_title p strong{font-weight: 700;}
.about_wrap .sec_03 .why_01{background: #F3F4F6;}
.about_wrap .sec_03 .why_02{background: #1E2D40;}
.about_wrap .sec_03 .why_03{background: #CCDAFF; padding-bottom: 50px;}
.about_wrap .sec_03 .why_04{background: #1D2C3F; padding-bottom: 50px;}
.about_wrap .sec_03 .why_05{background: #C9E4F9; padding-bottom: 50px;}

.about_wrap .sec_03 .why_cont .contents{font-size: 12px; line-height: 18px;}
.about_wrap .sec_03 .why_01 dl:not(:first-child){margin: 20px 0 0 0;}
.about_wrap .sec_03 .why_01 dt{font-size: 16px; line-height: 16px; font-weight: 700; margin: 0 0 10px;}
.about_wrap .sec_03 .why_01 dd strong{font-weight: 700;}
.about_wrap .sec_03 .why_cont .btn_wrap{margin: 20px 0 0 0}
.about_wrap .sec_03 .why_cont .link{display: inline-block;  height: 36px; line-height: 36px; text-align:center; font-size: 12px; font-weight: 300; padding: 0 12px;}
.about_wrap .sec_03 .why_cont .link strong{font-weight: 700;}
.about_wrap .sec_03 .why_02 .link{background: #B8CBDA;}
.about_wrap .sec_03 .why_03 .link{background: #717EC2; color: #fff;}
.about_wrap .sec_03 .why_05 .link{background: #6494BA; color: #fff;}
.about_wrap .promises{padding: 50px 32px; background: #F2F7FB}
.about_wrap .promises .container{text-align: center;}
.about_wrap .promises p{font-size: 26px; line-height: 26px; font-weight: 300; margin: 0 0 20px;}
.about_wrap .promises p strong{font-weight: 700;}
.about_wrap .promises .dr{margin: 0 0 20px; width: 200px;}