@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* Base */ * { margin:0; padding:0; border:0; box-sizing:border-box; font-family:'Noto Sans KR','Malgun Gothic','Exo2',Roboto,Arial,sans-serif; } html, body { width:100%; height:100%; } img { border:0; vertical-align:middle; } /* Layout */ .con_nomal { margin-top:30px; position:relative; } .con_nomal article { display: flex !important; gap:40px !important; margin-bottom:50px; } .con_nomal article:last-child { margin-bottom:0; } .con_left { width:45% !important; float:none !important; } .con_right { width:55% !important; float:none !important; } .con_left img { margin-top:38px; width:100% !important; height:auto !important; display:block !important; } /* Typography */ .con_nomal article h3 { font-size:24px; color:#a6b0ba; font-family:'Exo2' !important; font-weight:500; height:100px; position:relative; display:inline-block; width:100%; margin-top:31px; } .con_nomal article h3::before { content:""; display:inline-block; width:15px; height:15px; border-radius:25px; border:3px solid #009bd9; margin-right:10px; } .con_nomal article h3::after { content:""; display:inline-block; background-color:#dee3e8; width:1px; height:70px; position:absolute; left:7px; top:26px; } .con_nomal article strong { font-size:30px; display:inline-block; width:100%; font-weight:800; color:#000; margin-bottom:16px; position:relative; top:-10px; line-height:46px; letter-spacing:-1px; } .con_nomal article strong span { font-size:30px; font-weight:800; color:#009bd9; } .con_nomal article strong i { font-size:34px; display:inline-block; font-weight:800; color:#999; } .con_nomal article p { color:#555; font-size:15px; line-height:33px; letter-spacing:-0.4px; word-break:keep-all; } .con_nomal article p b { color:#000; background:url(img/bg_underline.gif) repeat-x left top; font-size:15px; line-height:33px; font-weight:500; } .con_nomal article p.summary { font-size:15px; color:#000; line-height:35px; font-weight:600; letter-spacing:-1.1px; margin-bottom:20px; } /* Responsive */ @media only screen and (max-width:1416px){ .con_left { width:calc(45% -40px) !important; } .con_right { width:calc(55% -40px) !important; } .con_right img, .con_left img { width:100% !important;} .summary br { display:none; } } @media only screen and (max-width:1023px){ .con_nomal article { margin-bottom:60px; } .con_nomal article strong { margin-bottom:6px; } .con_nomal article strong br { display:none; } .con_nomal article strong, .con_nomal article strong span, .con_nomal article strong i { font-size:26px; line-height:34px; } .con_nomal article p.summary { font-size:15px; line-height:27px; margin-bottom:28px; font-weight:500; } .con_nomal article p { font-size:15px; line-height:26px; padding-right:0 !important; word-break:break-all; font-weight:400; } .con_nomal article h3 { font-size:18px; height:70px; } .con_nomal article h3::after { height:40px; top:18px; } } @media only screen and (max-width:900px){ .con_left { margin-right:60px !important; } } @media only screen and (max-width:768px){ .con_nomal { margin-top:10px; } .con_nomal article { flex-direction: column !important; margin-bottom:60px; } .con_left, .con_right { width:100% !important; max-width:100% !important; } .con_left img { height:180px; object-fit:cover; } }

#main-content{padding-bottom:100px;}